/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { 
	line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; empty-cells: show; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: 0 none; }

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   
   Usage:
   * For input text fields, use class .text
   
-------------------------------------------------------------- */

label       { cursor: default; }
fieldset    { padding: 1.4em; margin: 0; border: 1px solid #d9dad9; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text,
textarea, select {
	color: #6a6a6a;
	border-width: 1px;
	border-style: solid;
	border-color: #bebebe #eeede5 #eeede5 #bebebe;
	margin: 0 0 0.5em 0;
}


input.text:hover,
input.text:focus,
textarea:hover, select:hover,
textarea:focus, select:focus,
select:hover option, select:hover optgroup,
select:focus option, select:focus optgroup {
	color: #000;
	outline: 0;
	background: #fff;
}

textarea     { width: 363px; height: 200px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	font-size: 75%;
	color: #222;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

input,
button,
select,
option,
optgroup,
textarea {
	font-family: Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #111; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.667em; margin-bottom: 0.75em; }
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
	margin: 0;
	vertical-align: bottom;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:link,
a:visited   { color: #009; text-decoration: underline; }

a:focus, 
a:hover     { color: #000; }

a:focus img,
a:hover img {
	background: #efd;
	outline: none;
}


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/* table       { margin-bottom: 1.4em; width:100%; } */
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; }
.large      { font-size: 1.2em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-12-23) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            993 px
    * Number of columns:     16
    * Column width:          48 px
    * Margin width:          15 px
   ======================================

   By default, the grid is 993px wide, with 16 columns 
   spanning 48px, and a 15px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * http://www.subtraction.com/2007/03/19/oh-yeeaahh
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
	width: 993px;
	margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
	background: url(../img/grid.png); 
}

/* Body margin for a sensile default look. */
body {
	margin:1.5em 0;
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18 {float:left;margin-right: 15px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 48px;}
.span-2  { width: 111px;}
.span-3  { width: 174px;}
.span-4  { width: 237px;}
.span-5  { width: 300px;}
.span-6  { width: 363px;}
.span-7  { width: 426px;}
.span-8  { width: 489px;}
.span-9  { width: 552px;}
.span-10 { width: 615px;}
.span-11 { width: 678px;}
.span-12 { width: 741px;}
.span-13 { width: 804px;}
.span-14 { width: 867px;}
.span-15 { width: 930px;}
.span-16, div.span-16 { width: 993px; margin: 0; }
.span-17, div.span-17 { width: 195px;}
.span-18, div.span-18 { width: 142px;}

/* Compensate the 1px border on either side of form elements. */
input.span-1, textarea.span-1 { width: 46px;}
input.span-2, textarea.span-2  { width: 109px;}
input.span-3, textarea.span-3  { width: 172px;}
input.span-4, textarea.span-4  { width: 235px;}
input.span-5, textarea.span-5  { width: 298px;}
input.span-6, textarea.span-6  { width: 361px;}
input.span-7, textarea.span-7  { width: 424px;}
input.span-8, textarea.span-8  { width: 487px;}
input.span-9, textarea.span-9  { width: 550px;}
input.span-10, textarea.span-10 { width: 613px;}
input.span-11, textarea.span-11 { width: 676px;}
input.span-12, textarea.span-12 { width: 739px;}
input.span-13, textarea.span-13 { width: 802px;}
input.span-14, textarea.span-14 { width: 865px;}
input.span-15, textarea.span-15 { width: 928px;}
input.span-16, textarea.span-16 { width: 991px; }
input.span-17, textarea.span-17 { width: 193px;}
input.span-18, textarea.span-18 { width: 140px;}


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 63px;}
.append-2  { padding-right: 126px;}
.append-3  { padding-right: 189px;}
.append-4  { padding-right: 252px;}
.append-5  { padding-right: 315px;}
.append-6  { padding-right: 378px;}
.append-7  { padding-right: 441px;}
.append-8  { padding-right: 504px;}
.append-9  { padding-right: 567px;}
.append-10 { padding-right: 630px;}
.append-11 { padding-right: 693px;}
.append-12 { padding-right: 756px;}
.append-13 { padding-right: 819px;}
.append-14 { padding-right: 882px;}
.append-15 { padding-right: 945px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 63px;}
.prepend-2  { padding-left: 126px;}
.prepend-3  { padding-left: 189px;}
.prepend-4  { padding-left: 252px;}
.prepend-5  { padding-left: 315px;}
.prepend-6  { padding-left: 378px;}
.prepend-7  { padding-left: 441px;}
.prepend-8  { padding-left: 504px;}
.prepend-9  { padding-left: 567px;}
.prepend-10 { padding-left: 630px;}
.prepend-11 { padding-left: 693px;}
.prepend-12 { padding-left: 756px;}
.prepend-13 { padding-left: 819px;}
.prepend-14 { padding-left: 882px;}
.prepend-15 { padding-left: 945px;}



/* Border on right hand side of a column. */
div.border {
	padding-right:6.5px;
	margin-right:7.5px;
	border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
	padding-right:43.5px;
	margin-right:40.5px;
	border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -63px;}
.pull-2 { margin-left: -126px;}
.pull-3 { margin-left: -189px;}
.pull-4 { margin-left: -252px;}
.pull-5 { margin-left: -315px;}
.pull-6 { margin-left: -378px;}
.pull-7 { margin-left: -441px;}
.pull-8 { margin-left: -504px;}
.pull-9 { margin-left: -567px;}
.pull-10 { margin-left: -630px;}
.pull-11 { margin-left: -693px;}
.pull-12 { margin-left: -756px;}
.pull-13 { margin-left: -819px;}
.pull-14 { margin-left: -882px;}
.pull-15 { margin-left: -945px;}
.pull-16 { margin-left: -1008px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16 {float:left;position:relative;}


.push-1 { margin: 0 -63px 1.5em 63px;}
.push-2 { margin: 0 -126px 1.5em 126px;}
.push-3 { margin: 0 -189px 1.5em 189px;}
.push-4 { margin: 0 -252px 1.5em 252px;}
.push-5 { margin: 0 -315px 1.5em 315px;}
.push-6 { margin: 0 -378px 1.5em 378px;}
.push-7 { margin: 0 -441px 1.5em 441px;}
.push-8 { margin: 0 -504px 1.5em 504px;}
.push-9 { margin: 0 -567px 1.5em 567px;}
.push-10 { margin: 0 -630px 1.5em 630px;}
.push-11 { margin: 0 -693px 1.5em 693px;}
.push-12 { margin: 0 -756px 1.5em 756px;}
.push-13 { margin: 0 -819px 1.5em 819px;}
.push-14 { margin: 0 -882px 1.5em 882px;}
.push-15 { margin: 0 -945px 1.5em 945px;}
.push-16 { margin: 0 -1008px 1.5em 1008px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
	padding: 1.5em; 
	margin-bottom: 1.5em; 
	background: #f3f4f3;
}

/* Use this to create a horizontal ruler across a column. */
hr {
	background: #ddd; 
	color: #ddd;
	clear: both; 
	float: none; 
	width: 100%; 
	height: .1em;
	margin: 0 0 1.45em;
	border: none; 
}
hr.space {
	background: #fff;
	color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* @site : Styles Alptis */
/**************************************************/
.soft {
	color: #999;
}
.pull-half {
	margin-left: -20px;
}

.structure {
	margin: 0;
	list-style: none none;
}

table { border-collapse: collapse; } /* Hack pour éviter de devoir mettre cellspacing="0" dans IE */

textarea {
	width: 363px; /* = span-6 */
	height: 4em;
	font-size: 100%;
}
textarea.medium {
	height: 8em;
}
textarea.tall {
	height: 12em;
}
textarea.xxl {
	height: 24em;
}
body {
	margin: 0 auto;
	color: #7e7e7e;
}

.container {
	position: relative;
}
html,
#footer {
	width: auto !important;
	width: 100%;
	min-width: 993px;
}

abbr, acronym {
	border-bottom: 1px dotted;
}

a.current:link,
a.current:visited,
a:hover,
a:focus {
	text-decoration: none;
	outline: 0;
}
a:link *,
a:visited *,
a:hover *,
a:active *,
a:focus * {
	cursor: pointer;
}

#header a:link,
#header a:visited,
#sideleft a:link,
#sideleft a:visited,
#sideright a:link,
#sideleft a:visited,
#footer a:link,
#footer a:visited {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img,
label img, legend img {
	vertical-align: text-bottom;
}
.section-h3,
.section-h4,
.section-h5,
.section-h6 { margin-left: 1em; }

#main h1 {
	padding: 12px 20px;
	background: #ebedec;
	font-weight: normal;
	clear: both;
	font-size: 1.667em; /* 20px */
}

#main h2 {
	clear: both;
	font-size: 1.167em; /* 14px */
}

#main h3 {
	font-size: 1.083em; /* 13px */
}

#main h3,
#main h4,
#main h5,
#main h6 {
	padding-left: 1em;
	margin-bottom: .5em;
	margin-top: .5em;
}
#main h4,
#main h5,
#main h6 {
	color: #777;
	font-size: 1em; /* 12px */
}
#main h5,
#main h6 {
	font-style: italic;
}
#main h6 {
	font-weight: normal;
}

/* @left / @right /@justify : alignement des textes et des images */
/**************************************************/
.justify,
.justify p {
	text-align: justify;
}
.center,
.center p {
	text-align: center;
}
.left img,
p img.left,
#main img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right img,
p img.right,
#main img.right	{ float: right; margin: 1.5em 0 1.5em 1.5em; }
.imgcenter img { margin: 0.5em;}

.uppercase {
	text-transform: uppercase;
}

/* @open / @close : liens ouvrant / fermant un bloc */
/**************************************************/
a.open:link,
a.open:visited,
a.closed:link,
a.closed:visited {
	padding-left: 14px;
	display: block;
	height: auto !important;
	height: 11px;
	min-height: 11px;
	background: url(../img/puce_plus_moins.png) no-repeat -900px -96px;
}

a.closed:link,
a.closed:visited {
	background-position: left -96px;
}

/* @couleurs : couleurs spécifiques pour les différentes sections du site */
/**************************************************/
/* @TODO Adapter la couleur du cadenas #acces, et des boutons au thème choisi */
/* Couleurs SANTE et HOME 7ab800 */
	h2,
	h2 a:link, h2 a:visited {
		color: #ee8014;
	}
	
	#main h1,
	#main h3, #main h3 a:link, #main h3 a:visited,
	input.submit,
	a:link, a:visited, a:focus, a:hover,
	.breadcrumbs span, .breadcrumbs a:hover, .breadcrumbs a:focus,
	#nav ul a:hover, #nav ul a:focus,
	#nav ul a.current:link, #nav ul a.current:visited,
	#contentTools a:hover, #contentTools a:focus,
	#sideright label,
	.module li a.current:link, .module li a.current:visited, .module li a:focus, .module li a:hover,
	.module a strong {
		color: #7ab800;
	}
	#nav ul a:hover, #nav ul a:focus,
	#nav ul a.current:link, #nav ul a.current:visited,
	#contentTools a:hover, #contentTools a:focus,
	input.text:hover,
	input.text:focus,
	textarea:hover,
	select:hover,
	textarea:focus,
	select:focus,
	select:hover option,
	select:hover optgroup,
	select:focus option,
	select:focus optgroup,
	.module li a.current:link, .module li a.current:visited, .module li a:focus, .module li a:hover {
		border-color: #7ab800;
	}
	/* remplacer green dans le HTML puis supprimer cette classe qui n'a plus de sens */
	.green p.caption,
	.colored p.caption {
		background-color: #7ab800;
		background-position: right top;
	}
	.angledtop p.caption {
		background-position: left top;
	}
	.acces p.caption,
	#nav a:hover, #nav a:focus,
	#nav a.current:link, #nav a.current:visited,
	#nav li:hover a:link, #nav li:hover a:visited,
	#nav li.over a:link, #nav li.over a:visited {
		background-color: #7ab800;
		background-position: left top;
	}
	ul  { list-style-image: url(../img/fleche.png); }
	.module li a.current:link, .module li a.current:visited,
	.module li a:focus, .module li a:hover,
	#sideright label { background-image: url(../img/fleche.png); }
	
	a.open:link,
	a.open:visited {
		background-position: -900px -96px;
	}
	a.closed:link,
	a.closed:visited {
		background-position: left -96px;
	}
	#main h2 a.open:link, #main h2 a.open:visited {
		background-position: -900px 4px;
	}
	#main h2 a.closed:link, #main h2 a.closed:visited {
		background-position: left 4px;
	}
	#main h3 a.open:link, #main h3 a.open:visited,
	#main h4 a.open:link, #main h4 a.open:visited,
	#main h5 a.open:link, #main h5 a.open:visited,
	#main h6 a.open:link, #main h6 a.open:visited {
		background-position: -900px -98px;
	}
	#main h3 a.closed:link, #main h3 a.closed:visited,
	#main h4 a.closed:link, #main h4 a.closed:visited,
	#main h5 a.closed:link, #main h5 a.closed:visited,
	#main h6 a.closed:link, #main h6 a.closed:visited {
		background-position: left -98px;
	}

/* Couleurs PREVOYANCE 00b0ca */
	.prevoyance #main h2,
	#main .prevoyance h2,
	#main h2.prevoyance,
	.prevoyance #main h2 a:link, .prevoyance #main h2 a:visited,
	#main .prevoyance h2 a:link, #main .prevoyance h2 a:visited,
	#main h2.prevoyance a:link, #main h2.prevoyance a:visited {
		color: #ee8014;
	}
	.prevoyance #main h1,
	#main .prevoyance h1,
	#main h1.prevoyance,
	.prevoyance #main h3,
	#main .prevoyance h3,
	#main h3.prevoyance,
	.prevoyance #main h3 a:link, .prevoyance #main h3 a:visited,
	#main .prevoyance h3 a:link, #main .prevoyance h3 a:visited,
	#main h3.prevoyance a:link, #main h3.prevoyance a:visited,
	.prevoyance input.submit,
	.prevoyance a:link, .prevoyance a:visited, .prevoyance a:focus, .prevoyance a:hover,
	.prevoyance .breadcrumbs span, .prevoyance .breadcrumbs a:hover, .prevoyance .breadcrumbs a:focus,
	.prevoyance #nav ul a:hover, .prevoyance #nav ul a:focus,
	.prevoyance #nav ul a.current:link, .prevoyance #nav ul a.current:visited,
	.prevoyance #contentTools a:hover, .prevoyance #contentTools a:focus,
	.prevoyance #sideright label,
	.prevoyance .module li a.current:link, .prevoyance .module li a.current:visited,
	.prevoyance .module li a:focus, .prevoyance .module li a:hover,
	.prevoyance .module a strong {
		color: #00b0ca;
	}
	.prevoyance #nav ul a:hover, .prevoyance #nav ul a:focus,
	.prevoyance #nav ul a.current:link, .prevoyance #nav ul a.current:visited,
	.prevoyance #contentTools a:hover, .prevoyance #contentTools a:focus, 
	.prevoyance input.text:hover, .prevoyance input.text:focus,
	.prevoyance textarea:hover, .prevoyance textarea:focus,
	.prevoyance select:hover, .prevoyance select:focus,
	.prevoyance select:hover option, .prevoyance select:focus option,
	.prevoyance select:hover optgroup, .prevoyance select:focus optgroup,
	.prevoyance .module li a.current:link, .prevoyance .module li a.current:visited,
	.prevoyance .module li a:focus, .prevoyance .module li a:hover {
		border-color: #00b0ca;
	}
	/* remplacer green dans le HTML puis supprimer cette classe qui n'a plus de sens */
	.prevoyance .green p.caption,
	.prevoyance .colored p.caption {
		background-color: #00b0ca;
		background-position: right -100px;
	}
	.prevoyance .angledtop p.caption {
		background-position: left -100px;
	}
	.prevoyance .acces p.caption,
	.prevoyance #nav a:hover, .prevoyance #nav a:focus,
	.prevoyance #nav a.current:link, .prevoyance #nav a.current:visited,
	.prevoyance #nav li:hover a:link, .prevoyance #nav li:hover a:visited,
	.prevoyance #nav li.over a:link, .prevoyance #nav li.over a:visited {
		background-color: #00b0ca;
		background-position: left -100px;
	}
	.prevoyance ul  { list-style-image: url(../img/fleche_prevoyance.png); }
	.prevoyance .module li a.current:link, .prevoyance .module li a.current:visited,
	.prevoyance .module li a:focus, .prevoyance .module li a:hover,
	.prevoyance #sideright label { background-image: url(../img/fleche_prevoyance.png); }
	
	.prevoyance #main a.open:link, .prevoyance #main a.open:visited,
	#main .prevoyance a.open:link, #main .prevoyance a.open:visited {
		background-position: -900px -196px;
	}
	.prevoyance #main a.closed:link, .prevoyance #main a.closed:visited,
	#main .prevoyance a.closed:link, #main .prevoyance a.closed:visited {
		background-position: left -196px;
	}
	.prevoyance #main h2 a.open:link, .prevoyance #main h2 a.open:visited,
	#main .prevoyance h2 a.open:link, #main h2 .prevoyance a.open:visited,
	#main h2.prevoyance a.open:link, #main h2.prevoyance a.open:visited {
		background-position: -900px 4px;
	}
	.prevoyance #main h2 a.closed:link, .prevoyance #main h2 a.closed:visited,
	#main .prevoyance h2 a.closed:link, #main h2 .prevoyance a.closed:visited,
	#main h2.prevoyance a.closed:link, #main h2.prevoyance a.closed:visited {
		background-position: left 4px;
	}
	.prevoyance #main h3 a.open:link, .prevoyance #main h3 a.open:visited,
	#main .prevoyance h3 a.open:link, #main h3 .prevoyance a.open:visited,
	#main h3.prevoyance a.open:link, #main h3.prevoyance a.open:visited,
	.prevoyance #main h4 a.open:link, .prevoyance #main h4 a.open:visited,
	#main .prevoyance h4 a.open:link, #main h4 .prevoyance a.open:visited,
	#main h4.prevoyance a.open:link, #main h4.prevoyance a.open:visited,
	.prevoyance #main h5 a.open:link, .prevoyance #main h5 a.open:visited,
	#main .prevoyance h5 a.open:link, #main h5 .prevoyance a.open:visited,
	#main h5.prevoyance a.open:link, #main h5.prevoyance a.open:visited,	
	.prevoyance #main h6 a.open:link, .prevoyance #main h6 a.open:visited,
	#main .prevoyance h6 a.open:link, #main h6 .prevoyance a.open:visited,
	#main h6.prevoyance a.open:link, #main h6.prevoyance a.open:visited {
		background-position: -900px -198px;
	}

	.prevoyance #main h3 a.closed:link, .prevoyance #main h3 a.closed:visited,
	#main .prevoyance h3 a.closed:link, #main h3 .prevoyance a.closed:visited,
	#main h3.prevoyance a.closed:link, #main h3.prevoyance a.closed:visited,
	.prevoyance #main h4 a.closed:link, .prevoyance #main h4 a.closed:visited,
	#main .prevoyance h4 a.closed:link, #main h4 .prevoyance a.closed:visited,
	#main h4.prevoyance a.closed:link, #main h4.prevoyance a.closed:visited,
	.prevoyance #main h5 a.closed:link, .prevoyance #main h5 a.closed:visited,
	#main .prevoyance h5 a.closed:link, #main h5 .prevoyance a.closed:visited,
	#main h5.prevoyance a.closed:link, #main h5.prevoyance a.closed:visited,	
	.prevoyance #main h6 a.closed:link, .prevoyance #main h6 a.closed:visited,
	#main .prevoyance h6 a.closed:link, #main h6 .prevoyance a.closed:visited,
	#main h6.prevoyance a.closed:link, #main h6.prevoyance a.closed:visited {
		background-position: left -198px;
	}
	
/* Couleurs ASSURANCE DE PRET f0ab00 */
	.assurance_de_pret #main h2,
	#main .assurance_de_pret h2,
	#main h2.assurance_de_pret,
	.assurance_de_pret #main h2 a:link, .assurance_de_pret #main h2 a:visited,
	#main .assurance_de_pret h2 a:link, #main .assurance_de_pret h2 a:visited,
	#main h2.assurance_de_pret a:link, #main h2.assurance_de_pret a:visited {
		color: #ee8014;
	}
	.assurance_de_pret #main h1,
	#main .assurance_de_pret h1,
	#main h1.assurance_de_pret,
	.assurance_de_pret #main h3,
	#main .assurance_de_pret h3,
	#main h3.assurance_de_pret,
	.assurance_de_pret #main h3 a:link, .assurance_de_pret #main h3 a:visited,
	#main .assurance_de_pret h3 a:link, #main .assurance_de_pret h3 a:visited,
	#main h3.assurance_de_pret a:link, #main h3.assurance_de_pret a:visited,
	.assurance_de_pret input.submit,
	.assurance_de_pret a:link, .assurance_de_pret a:visited, .assurance_de_pret a:focus, .assurance_de_pret a:hover,
	.assurance_de_pret .breadcrumbs span,
	.assurance_de_pret .breadcrumbs a:hover, .assurance_de_pret .breadcrumbs a:focus,
	.assurance_de_pret #nav ul a:hover, .assurance_de_pret #nav ul a:focus,
	.assurance_de_pret #nav ul a.current:link, .assurance_de_pret #nav ul a.current:visited,
	.assurance_de_pret #contentTools a:hover, .assurance_de_pret #contentTools a:focus,
	.assurance_de_pret #sideright label,
	.assurance_de_pret .module li a.current:link, .assurance_de_pret .module li a.current:visited,
	.assurance_de_pret .module li a:focus, .assurance_de_pret .module li a:hover,
	.assurance_de_pret .module a strong {
		color: #f0ab00;
	}
	.assurance_de_pret #nav ul a:hover, .assurance_de_pret #nav ul a:focus,
	.assurance_de_pret #nav ul a.current:link, .assurance_de_pret #nav ul a.current:visited,
	.assurance_de_pret #contentTools a:hover, .assurance_de_pret #contentTools a:focus,
	.assurance_de_pret input.text:hover, .assurance_de_pret input.text:focus,
	.assurance_de_pret textarea:hover, .assurance_de_pret textarea:focus,
	.assurance_de_pret select:hover, .assurance_de_pret select:focus,
	.assurance_de_pret select:hover option, .assurance_de_pret select:focus option,
	.assurance_de_pret select:hover optgroup, .assurance_de_pret select:focus optgroup,
	.assurance_de_pret .module li a.current:link, .assurance_de_pret .module li a.current:visited,
	.assurance_de_pret .module li a:focus, .assurance_de_pret .module li a:hover {
		border-color: #f0ab00;
	}
	/* remplacer green dans le HTML puis supprimer cette classe qui n'a plus de sens */
	.assurance_de_pret .green p.caption,
	.assurance_de_pret .colored p.caption {
		background-color: #f0ab00;
		background-position: right -200px;
	}
	.assurance_de_pret .angledtop p.caption {
		background-position: left -200px;
	}
	.assurance_de_pret .acces p.caption,
	.assurance_de_pret #nav a:hover,
	.assurance_de_pret #nav a:focus,
	.assurance_de_pret #nav a.current:link, .assurance_de_pret #nav a.current:visited,
	.assurance_de_pret #nav li:hover a:link, .assurance_de_pret #nav li:hover a:visited,
	.assurance_de_pret #nav li.over a:link, .assurance_de_pret #nav li.over a:visited {
		background-color: #f0ab00;
		background-position: left -200px;
	}
	.assurance_de_pret ul  { list-style-image: url(../img/fleche_assurance_de_pret.png); }
	.assurance_de_pret .module li a.current:link, .assurance_de_pret .module li a.current:visited,
	.assurance_de_pret .module li a:focus, .assurance_de_pret .module li a:hover,
	.assurance_de_pret #sideright label { background-image: url(../img/fleche_assurance_de_pret.png); }
	
	.assurance_de_pret #main a.open:link, .assurance_de_pret #main a.open:visited,
	#main .assurance_de_pret a.open:link, #main .assurance_de_pret a.open:visited {
		background-position: -900px -196px;
	}
	.assurance_de_pret #main a.closed:link, .assurance_de_pret #main a.closed:visited,
	#main .assurance_de_pret a.closed:link, #main .assurance_de_pret a.closed:visited {
		background-position: left -196px;
	}
	.assurance_de_pret #main h2 a.open:link, .assurance_de_pret #main h2 a.open:visited,
	#main .assurance_de_pret h2 a.open:link, #main h2 .assurance_de_pret a.open:visited,
	#main h2.assurance_de_pret a.open:link, #main h2.assurance_de_pret a.open:visited {
		background-position: -900px 4px;
	}
	.assurance_de_pret #main h2 a.closed:link, .assurance_de_pret #main h2 a.closed:visited,
	#main .assurance_de_pret h2 a.closed:link, #main h2 .assurance_de_pret a.closed:visited,
	#main h2.assurance_de_pret a.closed:link, #main h2.assurance_de_pret a.closed:visited {
		background-position: left 4px;
	}
	.assurance_de_pret #main h3 a.open:link, .assurance_de_pret #main h3 a.open:visited,
	#main .assurance_de_pret h3 a.open:link, #main h3 .assurance_de_pret a.open:visited,
	#main h3.assurance_de_pret a.open:link, #main h3.assurance_de_pret a.open:visited,
	.assurance_de_pret #main h4 a.open:link, .assurance_de_pret #main h4 a.open:visited,
	#main .assurance_de_pret h4 a.open:link, #main h4 .assurance_de_pret a.open:visited,
	#main h4.assurance_de_pret a.open:link, #main h4.assurance_de_pret a.open:visited,
	.assurance_de_pret #main h5 a.open:link, .assurance_de_pret #main h5 a.open:visited,
	#main .assurance_de_pret h5 a.open:link, #main h5 .assurance_de_pret a.open:visited,
	#main h5.assurance_de_pret a.open:link, #main h5.assurance_de_pret a.open:visited,	
	.assurance_de_pret #main h6 a.open:link, .assurance_de_pret #main h6 a.open:visited,
	#main .assurance_de_pret h6 a.open:link, #main h6 .assurance_de_pret a.open:visited,
	#main h6.assurance_de_pret a.open:link, #main h6.assurance_de_pret a.open:visited {
		background-position: -900px -198px;
	}

	.assurance_de_pret #main h3 a.closed:link, .assurance_de_pret #main h3 a.closed:visited,
	#main .assurance_de_pret h3 a.closed:link, #main h3 .assurance_de_pret a.closed:visited,
	#main h3.assurance_de_pret a.closed:link, #main h3.assurance_de_pret a.closed:visited,
	.assurance_de_pret #main h4 a.closed:link, .assurance_de_pret #main h4 a.closed:visited,
	#main .assurance_de_pret h4 a.closed:link, #main h4 .assurance_de_pret a.closed:visited,
	#main h4.assurance_de_pret a.closed:link, #main h4.assurance_de_pret a.closed:visited,
	.assurance_de_pret #main h5 a.closed:link, .assurance_de_pret #main h5 a.closed:visited,
	#main .assurance_de_pret h5 a.closed:link, #main h5 .assurance_de_pret a.closed:visited,
	#main h5.assurance_de_pret a.closed:link, #main h5.assurance_de_pret a.closed:visited,	
	.assurance_de_pret #main h6 a.closed:link, .assurance_de_pret #main h6 a.closed:visited,
	#main .assurance_de_pret h6 a.closed:link, #main h6 .assurance_de_pret a.closed:visited,
	#main h6.assurance_de_pret a.closed:link, #main h6.assurance_de_pret a.closed:visited {
		background-position: left -198px;
	}

/* Couleurs PACK SANTE PREVOYANCE 015670 */
	.sante_prevoyance #main h2,
	#main .sante_prevoyance h2,
	#main h2.sante_prevoyance,
	.sante_prevoyance #main h2 a:link, .sante_prevoyance #main h2 a:visited,
	#main .sante_prevoyance h2 a:link, #main .sante_prevoyance h2 a:visited,
	#main h2.sante_prevoyance a:link, #main h2.sante_prevoyance a:visited {
		color: #ee8014;
	}
	.sante_prevoyance #main h1,
	#main .sante_prevoyance h1,
	#main h1.sante_prevoyance,
	.sante_prevoyance #main h3,
	#main .sante_prevoyance h3,
	#main h3.sante_prevoyance,
	.sante_prevoyance #main h3 a:link, .sante_prevoyance #main h3 a:visited,
	#main .sante_prevoyance h3 a:link, #main .sante_prevoyance h3 a:visited,
	#main h3.sante_prevoyance a:link, #main h3.sante_prevoyance a:visited,
	.sante_prevoyance input.submit,
	.sante_prevoyance a:link, .sante_prevoyance a:visited, .sante_prevoyance a:focus, .sante_prevoyance a:hover,
	.sante_prevoyance .breadcrumbs span,
	.sante_prevoyance .breadcrumbs a:hover, .sante_prevoyance .breadcrumbs a:focus,
	.sante_prevoyance #nav ul a:hover, .sante_prevoyance #nav ul a:focus,
	.sante_prevoyance #nav ul a.current:link, .sante_prevoyance #nav ul a.current:visited,
	.sante_prevoyance #contentTools a:hover, .sante_prevoyance #contentTools a:focus,
	.sante_prevoyance #sideright label,
	.sante_prevoyance .module li a.current:link, .sante_prevoyance .module li a.current:visited,
	.sante_prevoyance .module li a:focus, .sante_prevoyance .module li a:hover,
	.sante_prevoyance .module a strong {
		color: #015670;
	}
	.sante_prevoyance #nav ul a:hover, .sante_prevoyance #nav ul a:focus,
	.sante_prevoyance #nav ul a.current:link, .sante_prevoyance #nav ul a.current:visited,
	.sante_prevoyance #contentTools a:hover, .sante_prevoyance #contentTools a:focus,
	.sante_prevoyance input.text:hover, .sante_prevoyance input.text:focus,
	.sante_prevoyance textarea:hover, .sante_prevoyance textarea:focus,
	.sante_prevoyance select:hover, .sante_prevoyance select:focus,
	.sante_prevoyance select:hover option, .sante_prevoyance select:focus option,
	.sante_prevoyance select:hover optgroup, .sante_prevoyance select:focus optgroup,
	.sante_prevoyance .module li a.current:link, .sante_prevoyance .module li a.current:visited,
	.sante_prevoyance .module li a:focus, .sante_prevoyance .module li a:hover {
		border-color: #015670;
	}
	/* remplacer green dans le HTML puis supprimer cette classe qui n'a plus de sens */
	.sante_prevoyance .green p.caption,
	.sante_prevoyance .colored p.caption {
		background-color: #015670;
		background-position: right -300px;
	}
	.sante_prevoyance .angledtop p.caption {
		background-position: left -300px;
	}
	.sante_prevoyance .acces p.caption,
	.sante_prevoyance #nav a:hover, .sante_prevoyance #nav a:focus,
	.sante_prevoyance #nav a.current:link, .sante_prevoyance #nav a.current:visited,
	.sante_prevoyance #nav li:hover a:link, .sante_prevoyance #nav li:hover a:visited,
	.sante_prevoyance #nav li.over a:link, .sante_prevoyance #nav li.over a:visited {
		background-color: #015670;
		background-position: left -300px;
	}
	.sante_prevoyance ul  { list-style-image: url(../img/fleche_sante_prevoyance.png); }
	.sante_prevoyance .module li a.current:link, .sante_prevoyance .module li a.current:visited,
	.sante_prevoyance .module li a:focus, .sante_prevoyance .module li a:hover,
	.sante_prevoyance #sideright label { background-image: url(../img/fleche_sante_prevoyance.png); }
	
	.sante_prevoyance #main a.open:link, .sante_prevoyance #main a.open:visited,
	#main .sante_prevoyance a.open:link, #main .sante_prevoyance a.open:visited {
		background-position: -900px -296px;
	}
	.sante_prevoyance #main a.closed:link, .sante_prevoyance #main a.closed:visited,
	#main .sante_prevoyance a.closed:link, #main .sante_prevoyance a.closed:visited {
		background-position: left -296px;
	}
	.sante_prevoyance #main h2 a.open:link, .sante_prevoyance #main h2 a.open:visited,
	#main .sante_prevoyance h2 a.open:link, #main h2 .sante_prevoyance a.open:visited,
	#main h2.sante_prevoyance a.open:link, #main h2.sante_prevoyance a.open:visited {
		background-position: -900px 4px;
	}
	.sante_prevoyance #main h2 a.closed:link, .sante_prevoyance #main h2 a.closed:visited,
	#main .sante_prevoyance h2 a.closed:link, #main h2 .sante_prevoyance a.closed:visited,
	#main h2.sante_prevoyance a.closed:link, #main h2.sante_prevoyance a.closed:visited {
		background-position: left 4px;
	}
	.sante_prevoyance #main h3 a.open:link, .sante_prevoyance #main h3 a.open:visited,
	#main .sante_prevoyance h3 a.open:link, #main h3 .sante_prevoyance a.open:visited,
	#main h3.sante_prevoyance a.open:link, #main h3.sante_prevoyance a.open:visited,
	.sante_prevoyance #main h4 a.open:link, .sante_prevoyance #main h4 a.open:visited,
	#main .sante_prevoyance h4 a.open:link, #main h4 .sante_prevoyance a.open:visited,
	#main h4.sante_prevoyance a.open:link, #main h4.sante_prevoyance a.open:visited,
	.sante_prevoyance #main h5 a.open:link, .sante_prevoyance #main h5 a.open:visited,
	#main .sante_prevoyance h5 a.open:link, #main h5 .sante_prevoyance a.open:visited,
	#main h5.sante_prevoyance a.open:link, #main h5.sante_prevoyance a.open:visited,
	.sante_prevoyance #main h6 a.open:link, .sante_prevoyance #main h6 a.open:visited,
	#main .sante_prevoyance h6 a.open:link, #main h6 .sante_prevoyance a.open:visited,
	#main h6.sante_prevoyance a.open:link, #main h6.sante_prevoyance a.open:visited {
		background-position: -900px -298px;
	}
	.sante_prevoyance #main h3 a.closed:link, .sante_prevoyance #main h3 a.closed:visited,
	#main .sante_prevoyance h3 a.closed:link, #main h3 .sante_prevoyance a.closed:visited,
	#main h3.sante_prevoyance a.closed:link, #main h3.sante_prevoyance a.closed:visited,
	.sante_prevoyance #main h4 a.closed:link, .sante_prevoyance #main h4 a.closed:visited,
	#main .sante_prevoyance h4 a.closed:link, #main h4 .sante_prevoyance a.closed:visited,
	#main h4.sante_prevoyance a.closed:link, #main h4.sante_prevoyance a.closed:visited,
	.sante_prevoyance #main h5 a.closed:link, .sante_prevoyance #main h5 a.closed:visited,
	#main .sante_prevoyance h5 a.closed:link, #main h5 .sante_prevoyance a.closed:visited,
	#main h5.sante_prevoyance a.closed:link, #main h5.sante_prevoyance a.closed:visited,	
	.sante_prevoyance #main h6 a.closed:link, .sante_prevoyance #main h6 a.closed:visited,
	#main .sante_prevoyance h6 a.closed:link, #main h6 .sante_prevoyance a.closed:visited,
	#main h6.sante_prevoyance a.closed:link, #main h6.sante_prevoyance a.closed:visited {
		background-position: left -298px;
	}
	
/* Couleurs RETRAITE a71930 */
	.retraite #main h2,
	#main .retraite h2,
	#main h2.retraite,
	.retraite #main h2 a:link, .retraite #main h2 a:visited,
	#main .retraite h2 a:link, #main .retraite h2 a:visited,
	#main h2.retraite a:link, #main h2.retraite a:visited {
		color: #ee8014;
	}
	.retraite #main h1,
	#main .retraite h1,
	#main h1.retraite,
	.retraite #main h3,
	#main .retraite h3,
	#main h3.retraite,
	.retraite #main h3 a:link, .retraite #main h3 a:visited,
	#main .retraite h3 a:link, #main .retraite h3 a:visited,
	#main h3.retraite a:link, #main h3.retraite a:visited,
	.retraite input.submit,
	.retraite a:link, .retraite a:visited, .retraite a:focus, .retraite a:hover,
	.retraite .breadcrumbs span,
	.retraite .breadcrumbs a:hover, .retraite .breadcrumbs a:focus,
	.retraite #nav ul a:hover, .retraite #nav ul a:focus,
	.retraite #nav ul a.current:link, .retraite #nav ul a.current:visited,
	.retraite #contentTools a:hover, .retraite #contentTools a:focus,
	.retraite #sideright label,
	.retraite .module li a.current:link, .retraite .module li a.current:visited,
	.retraite .module li a:focus, .retraite .module li a:hover,
	.retraite .module a strong {
		color: #a71930;
	}
	.retraite #nav ul a:hover, .retraite #nav ul a:focus,
	.retraite #contentTools a:hover,
	.retraite #nav ul a.current:link, .retraite #nav ul a.current:visited,
	.retraite #contentTools a:focus,
	.retraite input.text:hover, .retraite input.text:focus,
	.retraite textarea:hover, .retraite textarea:focus,
	.retraite select:hover, .retraite select:focus,
	.retraite select:hover option, .retraite select:focus option,
	.retraite select:hover optgroup, .retraite select:focus optgroup,
	.retraite .module li a.current:link, .retraite .module li a.current:visited,
	.retraite .module li a:focus, .retraite .module li a:hover {
		border-color: #a71930;
	}
	/* remplacer green dans le HTML puis supprimer cette classe qui n'a plus de sens */
	.retraite .green p.caption,
	.retraite .colored p.caption {
		background-color: #a71930;
		background-position: right -400px;
	}
	.retraite .angledtop p.caption {
		background-position: left -400px;
	}
	.retraite .acces p.caption,
	.retraite #nav a:hover, .retraite #nav a:focus,
	.retraite #nav a.current:link, .retraite #nav a.current:visited,
	.retraite #nav li:hover a:link, .retraite #nav li:hover a:visited,
	.retraite #nav li.over a:link, .retraite #nav li.over a:visited {
		background-color: #a71930;
		background-position: left -400px;
	}
	.retraite ul  { list-style-image: url(../img/fleche_retraite.png); }
	.retraite .module li a.current:link, .retraite .module li a.current:visited,
	.retraite .module li a:focus, .retraite .module li a:hover,
	.retraite #sideright label { background-image: url(../img/fleche_retraite.png); }
	
	.retraite #main a.open:link, .retraite #main a.open:visited,
	#main .retraite a.open:link, #main .retraite a.open:visited {
		background-position: -900px -196px;
	}
	.retraite #main a.closed:link, .retraite #main a.closed:visited,
	#main .retraite a.closed:link, #main .retraite a.closed:visited {
		background-position: left -196px;
	}
	.retraite #main h2 a.open:link, .retraite #main h2 a.open:visited,
	#main .retraite h2 a.open:link, #main h2 .retraite a.open:visited,
	#main h2.retraite a.open:link, #main h2.retraite a.open:visited {
		background-position: -900px 4px;
	}
	.retraite #main h2 a.closed:link, .retraite #main h2 a.closed:visited,
	#main .retraite h2 a.closed:link, #main h2 .retraite a.closed:visited,
	#main h2.retraite a.closed:link, #main h2.retraite a.closed:visited {
		background-position: left 4px;
	}
	.retraite #main h3 a.open:link, .retraite #main h3 a.open:visited,
	#main .retraite h3 a.open:link, #main h3 .retraite a.open:visited,
	#main h3.retraite a.open:link, #main h3.retraite a.open:visited,
	.retraite #main h4 a.open:link, .retraite #main h4 a.open:visited,
	#main .retraite h4 a.open:link, #main h4 .retraite a.open:visited,
	#main h4.retraite a.open:link, #main h4.retraite a.open:visited,
	.retraite #main h5 a.open:link, .retraite #main h5 a.open:visited,
	#main .retraite h5 a.open:link, #main h5 .retraite a.open:visited,
	#main h5.retraite a.open:link, #main h5.retraite a.open:visited,	
	.retraite #main h6 a.open:link, .retraite #main h6 a.open:visited,
	#main .retraite h6 a.open:link, #main h6 .retraite a.open:visited,
	#main h6.retraite a.open:link, #main h6.retraite a.open:visited {
		background-position: -900px -198px;
	}

	.retraite #main h3 a.closed:link, .retraite #main h3 a.closed:visited,
	#main .retraite h3 a.closed:link, #main h3 .retraite a.closed:visited,
	#main h3.retraite a.closed:link, #main h3.retraite a.closed:visited,
	.retraite #main h4 a.closed:link, .retraite #main h4 a.closed:visited,
	#main .retraite h4 a.closed:link, #main h4 .retraite a.closed:visited,
	#main h4.retraite a.closed:link, #main h4.retraite a.closed:visited,
	.retraite #main h5 a.closed:link, .retraite #main h5 a.closed:visited,
	#main .retraite h5 a.closed:link, #main h5 .retraite a.closed:visited,
	#main h5.retraite a.closed:link, #main h5.retraite a.closed:visited,	
	.retraite #main h6 a.closed:link, .retraite #main h6 a.closed:visited,
	#main .retraite h6 a.closed:link, #main h6 .retraite a.closed:visited,
	#main h6.retraite a.closed:link, #main h6.retraite a.closed:visited {
		background-position: left -198px;
	}
	
/* Couleurs COLLECTIF a8b400 */
	.collectif #main h2,
	#main .collectif h2,
	#main h2.collectif,
	.collectif #main h2 a:link, .collectif #main h2 a:visited,
	#main .collectif h2 a:link, #main .collectif h2 a:visited,
	#main h2.collectif a:link, #main h2.collectif a:visited {
		color: #ee8014;
	}
	.collectif #main h1,
	#main .collectif h1,
	#main h1.collectif,
	.collectif #main h3,
	#main .collectif h3,
	#main h3.collectif,
	.collectif #main h3 a:link, .collectif #main h3 a:visited,
	#main .collectif h3 a:link, #main .collectif h3 a:visited,
	#main h3.collectif a:link, #main h3.collectif a:visited,
	.collectif input.submit, .collectif a:link, .collectif a:visited, .collectif a:focus, .collectif a:hover,
	.collectif .breadcrumbs span,
	.collectif .breadcrumbs a:hover, .collectif .breadcrumbs a:focus,
	.collectif #nav ul a:hover, .collectif #nav ul a:focus,
	.collectif #nav ul a.current:link, .collectif #nav ul a.current:visited,
	.collectif #contentTools a:hover, .collectif #contentTools a:focus,
	.collectif #sideright label,
	.collectif .module li a.current:link, .collectif .module li a.current:visited,
	.collectif .module li a:focus, .collectif .module li a:hover,
	.collectif .module a strong {
		color: #a8b400;
	}
	.collectif #nav ul a:hover, .collectif #nav ul a:focus,
	.collectif #nav ul a.current:link, .collectif #nav ul a.current:visited,
	.collectif #contentTools a:hover, .collectif #contentTools a:focus,
	.collectif input.text:hover, .collectif input.text:focus,
	.collectif textarea:hover, .collectif select:hover,
	.collectif textarea:focus, .collectif select:focus,
	.collectif select:hover option, .collectif select:hover optgroup,
	.collectif select:focus option, .collectif select:focus optgroup,
	.collectif .module li a.current:link, .collectif .module li a.current:visited,
	.collectif .module li a:focus, .collectif .module li a:hover {
		border-color: #a8b400;
	}
	/* remplacer green dans le HTML puis supprimer cette classe qui n'a plus de sens */
	.collectif .green p.caption,
	.collectif .colored p.caption {
		background-color: #a8b400;
		background-position: right -500px;
	}
	.collectif .angledtop p.caption {
		background-position: left -500px;
	}
	.collectif .acces p.caption,
	.collectif #nav a:hover, .collectif #nav a:focus,
	.collectif #nav a.current:link, .collectif #nav a.current:visited,
	.collectif #nav li:hover a:link, .collectif #nav li:hover a:visited,
	.collectif #nav li.over a:link, .collectif #nav li.over a:visited {
		background-color: #a8b400;
		background-position: left -500px;
	}
	.collectif ul  { list-style-image: url(../img/fleche_collectif.png); }
	.collectif .module li a.current:link, .collectif .module li a.current:visited,
	.collectif .module li a:focus, .collectif .module li a:hover,
	.collectif #sideright label { background-image: url(../img/fleche_collectif.png); }
	
	.collectif #main a.open:link, .collectif #main a.open:visited,
	#main .collectif a.open:link, #main .collectif a.open:visited {
		background-position: -900px -96px;
	}
	.collectif #main a.closed:link, .collectif #main a.closed:visited,
	#main .collectif a.closed:link, #main .collectif a.closed:visited {
		background-position: left -96px;
	}
	.collectif #main h2 a.open:link, .collectif #main h2 a.open:visited,
	#main .collectif h2 a.open:link, #main h2 .collectif a.open:visited,
	#main h2.collectif a.open:link, #main h2.collectif a.open:visited {
		background-position: -900px 4px;
	}
	.collectif #main h2 a.closed:link, .collectif #main h2 a.closed:visited,
	#main .collectif h2 a.closed:link, #main h2 .collectif a.closed:visited,
	#main h2.collectif a.closed:link, #main h2.collectif a.closed:visited {
		background-position: left 4px;
	}
	.collectif #main h3 a.open:link, .collectif #main h3 a.open:visited,
	#main .collectif h3 a.open:link, #main h3 .collectif a.open:visited,
	#main h3.collectif a.open:link, #main h3.collectif a.open:visited,
	.collectif #main h4 a.open:link, .collectif #main h4 a.open:visited,
	#main .collectif h4 a.open:link, #main h4 .collectif a.open:visited,
	#main h4.collectif a.open:link, #main h4.collectif a.open:visited,
	.collectif #main h5 a.open:link, .collectif #main h5 a.open:visited,
	#main .collectif h5 a.open:link, #main h5 .collectif a.open:visited,
	#main h5.collectif a.open:link, #main h5.collectif a.open:visited,	
	.collectif #main h6 a.open:link, .collectif #main h6 a.open:visited,
	#main .collectif h6 a.open:link, #main h6 .collectif a.open:visited,
	#main h6.collectif a.open:link, #main h6.collectif a.open:visited {
		background-position: -900px -98px;
	}

	.collectif #main h3 a.closed:link, .collectif #main h3 a.closed:visited,
	#main .collectif h3 a.closed:link, #main h3 .collectif a.closed:visited,
	#main h3.collectif a.closed:link, #main h3.collectif a.closed:visited,
	.collectif #main h4 a.closed:link, .collectif #main h4 a.closed:visited,
	#main .collectif h4 a.closed:link, #main h4 .collectif a.closed:visited,
	#main h4.collectif a.closed:link, #main h4.collectif a.closed:visited,
	.collectif #main h5 a.closed:link, .collectif #main h5 a.closed:visited,
	#main .collectif h5 a.closed:link, #main h5 .collectif a.closed:visited,
	#main h5.collectif a.closed:link, #main h5.collectif a.closed:visited,	
	.collectif #main h6 a.closed:link, .collectif #main h6 a.closed:visited,
	#main .collectif h6 a.closed:link, #main h6 .collectif a.closed:visited,
	#main h6.collectif a.closed:link, #main h6.collectif a.closed:visited {
		background-position: left -98px;
	}
/* @arrondis : coins arrondis
   Le conteneur doit avoir position relative (et avoir hasLayout dans IE), ou la classe .hascorners
   Mettre un div vide avec la classe cornertopleft, cornertopright, cornerbottomleft ou cornerbottomright
   (Ne pas utiliser d'autofermant <div/> car IE ne sait pas les interpréter correctement)
   Sans IE6 on pourrait obtenir ces coins arrondis juste avec border-radius ou :after { content: url(); }
   On aurait du utiliser des sprites, mais IE6 les positionne incorrectement...
   */
/**************************************************/
.hascorners {
	position: relative;
	height: 1%; /* donne haslayout pour IE */
}

.cornertopleft,
.cornertopright,
.cornerbottomleft,
.cornerbottomright {
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	background-repeat: no-repeat;
}

.cornertopleft {
	background-image: url(../img/bg_corner_topleft.png);
	background-position: top left;
	left: 0;
	top: 0;
}
.cornertopright {
	background-image: url(../img/bg_corner_topright.png);
	background-position: top right;
	right: 0;
	top: 0;
}

.cornerbottomright {
	background-image: url(../img/bg_corner_bottomright.png);
	background-position: bottom right;
	right: 0;
	bottom: 0;
}

.cornerbottomleft {
	background-image: url(../img/bg_corner_bottomleft.png);
	background-position: bottom left;
	left: 0;
	bottom: 0;
}

/* @logo : logo et slogan */
/**************************************************/
#logo {
	font-size: 2em;
	display: block;
	padding: 28px 0 0 37px;
	color: #008836;
}

#logo:hover img {
	background: none;
}
#logo:focus {
	outline: 0;
}

#logo img {
	margin: -14px 0 0 -21px;
}

#slogan {
	display: block;
	color: #008836;
	font-weight: bold;
	margin: 42px 0 13px 0;
}

/* IE6 fait sauter la navigation de quelques pixels au survol si on ne fait pas flotter cet élément */
* html #slogan {
	float:left;
}

/* @navigation : navigation horizontale à 2 niveaux dans le header */
/**************************************************/

#nav,
#nav ul {
	margin: 0;
	padding: 0;
	background: #a4a4a4 url(../img/bg_grad_box_top.png) repeat-x left top;
	position: relative;
	width: 615px;
}

#nav {
	margin-bottom: 3em;
}

#nav ul {
	background: #f8f8f8;
	position: absolute;
	left: 0;
	top: 1.6em;
	display: none;
}

/* Simule le rollover */
#nav li:hover ul,
#nav li.over ul {
	display: block;
}

#nav li {
	float: left;
	list-style: none none;
}

#nav a:link,
#nav a:visited {
	width: 153px;
	text-align: center;
	background: #a4a4a4 url(../img/bg_grad_box_top.png) repeat-x left bottom;
	display: block;
	color: #fff;
	font-size: 1.1667em; /* 14px */
}

#nav span {
	display: block;
	background: url(../img/bg_grad_nav_separator.png) no-repeat right top;
}

#nav .last span {
	background: none;
}

#nav .last a:link,
#nav .last a:visited {
	width: 156px;
}

#nav a:hover,
#nav a:focus,
#nav a.current:link,
#nav a.current:visited,
#nav li:hover a:link,
#nav li:hover a:visited,
#nav li.over a:link,
#nav li.over a:visited {
	background-repeat: repeat-x;
	background-position: left top; /* surchargé par les thèmes santé, prévoyance, etc */
	text-decoration: none;
}

#nav a:focus {
	color: #fff;
	outline: none;
	text-decoration: underline;
}

#nav ul a:link,
#nav ul a:visited {
	color: #8c8c8c;
	background: #f8f8f8 none !important;
	text-align: left;
	font-size: 0.91667em; /* 11px */
	line-height: 0.997em;
	
	height: auto !important;
	height: 2.5em;
	min-height: 2.5em;
	
	width: 108px !important;
	margin: 5px 0 5px 7px;
	padding-right: 7px;
	border-right: 1px solid #ababab;
}

#nav ul a:hover,
#nav ul a:focus {
	outline: none;
	color: #7ab800;
	border-color: #7ab800;
}

#nav ul .last a:link,
#nav ul .last a:visited {
	border-right-width: 0;
}



/* @modules : styles génériques et spécifiques des modules (quel que soit leur emplacement) */
/**************************************************/
.module {
	position: relative;
	margin-bottom: 1em;
	background: #f9f9f9;
	line-height: 1.3; /* On devrait peut-être éviter les différences d'interligne dans la page */
}

.module p.caption {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 12px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: right top;
}

.module ul {
	padding: 0 12px 2px 12px;
	margin: 0;
	list-style: none none;
}
/* Pour deuxième niveau de navigation */
.module ul ul {
	padding-right: 0;
}

.module a strong {
	display: block;
}

.module li.nolink,
.module li a:link,
.module li a:visited {
	display: block;
	border-bottom: 1px solid #e1e1e1;
	color: #7c7c7c;
	margin-top: 3px;
	padding: 0 0 3px 12px;
	font-weight: bold;
	list-style: none none;
}
.module li.nolink {
	padding-left: 0;
}

.module li a.current:link,
.module li a.current:visited,
.module li a:focus,
.module li a:hover {
	text-decoration: none;
	outline: none;
	list-style: none none;
}

.module li a.current,
.module li a:hover,
.module li a:focus {
	background: url(../img/fleche.png) no-repeat left 0.35em;
}

/* IE6 visible whitespace bug */
* html .module li {
	display: inline-block;
}

/**************************************************/
.degrade {
	background: #fafafa url(../img/bg_grad_box_bottom.png) no-repeat left bottom;
}

/****************************************************/
.bubble {
	background: #f9f9f9 url(../img/bg_grad_sideright_bottom.png) no-repeat right bottom;
}

/****************************************************/
.padded {
	padding: 8px 12px;
}

/* A cause du padding, on doit rétrécir les éventuels span-3 contenus */
.padded .span-3 {
	width: 150px;
}

.padded p.caption {
	color: #7ab800;
	padding: 8px 0 8px 56px;
	margin: 0 0 0 -8px;
	font-size: 1.083em; /* 13px */
	
	height: auto !important;
	height: 32px;
	min-height: 32px;
}

/****************************************************/
/* Remplacer green dans le HTML puis supprimer cette classe qui n'a plus de sens */
.green p.caption,
.colored p.caption {
	background-color: #94c433;
	background-image: url(../img/bg_grad_box_top.png);
	background-repeat: no-repeat;
}
.green ul,
.colored ul {
	list-style: none none;
}

/****************************************************/
/* Le p.caption n'a pas de coin arrondi mais on utilise une sprite, c'est donc changé pour chaque espace */
.acces li {
	list-style: none none;
}
.acces p.caption {
	background-position: left top;
}

/**************************************************/
.offres li a:link,
.offres li a:visited {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px 0;
	background-image: url(../img/bg_offres_fleches.png) !important;
}

.offres li a:hover,
.offres li a:focus {
	background-position: 5px 0;
}

.offres .assurancepret {
	background-position: -200px 0 !important;
}

.offres .prevoyance {
	background-position: -400px 0 !important;
}

.offres .collectif {
	background-position: -600px 0 !important;
}

/****************************************************/
.bt_offres,
.bt_offres li {
	list-style: none none;
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	width: 100%;
}

.bt_offres a:link,
.bt_offres a:visited {
	display: block;
	margin-bottom: 3px;
	color: #e47203;
}

.bt_offres a:focus {
	color: #e47203;
	margin-bottom: 2px;
	border-bottom: 1px solid #e47203;
}

/****************************************************/
#sideright label {
	background: url(../img/fleche.png) no-repeat left center;
	text-transform: uppercase;
	display: block;
	padding-left: 12px;
	margin-bottom: 2px;
	font-weight: bold;
}

#sideright input.text {
	width: 111px;
	margin-bottom: 0;
}

#sideright input.submit {
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: middle;
	border: none;
	background: none;
	font-weight: bold;
}

#sideright input.submit:hover,
#sideright input.submit:focus {
	color: #000;
	outline: none;
}

/****************************************************/
.tagcloud {
	margin-bottom: 1em;
}

/****************************************************/
.video {
	height: 86px;
	background: url(../img/bg_bt_video.png) no-repeat left top;
}

.video a:link,
.video a:visited {
	display: block;
	color: #848484;
	padding: 20px 82px 0 26px;
}

/****************************************************/
.breadcrumbs a:link,
.breadcrumbs a:visited {
	color: #7e7e7e;
	text-decoration: none;
}

.breadcrumbs span,
.breadcrumbs a:hover,
.breadcrumbs a:focus {
	color: #7ab800;
	text-decoration: underline;
}

#contentTools {
	text-align: right;
}

#contentTools a:link,
#contentTools a:visited {
	color: #7e7e7e;
	border: 1px solid #fff;
	padding: 0.2em;
}

#contentTools a:hover,
#contentTools a:focus {
	color: #7ab800;
	border-color: #7ab800;
}


/* @rollover : boutons chartés accessibles
	HTML :
	<label for="connexion" class="rollover">
		<input type="submit" id="connexion" value="Connexion" class="submit rollover"/>
		<span>Connexion</span>
	</label>
	Changer le texte du span et le value du input
	Attention, le for du label doit ABSOLUMENT correspondre à l'id du input submit,
	et celui-ci doit ABSOLUMENT être unique.
	
	Explication :
	Les labels transmettent l'évènement clic au champ dont l'identifiant correspond à leur valeur de for
	On positionne un texte avec arrière-plan au-dessus du bouton normal
	Il est donc possible de tabuler sur le bouton et de soumettre le formulaire avec Entrée
	
	La technique fonctionne sur FF3, IE6, IE7
	IE6 et IE7 ne gèrent pas la couleur de focus ni le survol
	OP9, SF3, CHR1 soumettent le formulaire avec Entrée mais pas sur un clic souris.
	
	Important : par sécurité, il est impossible de soumettre un input submit en display:none ou visibility: hidden
	C'est une décision des fabricants de navigateurs pour éviter le clickjacking.
*/
/**************************************************/
label.rollover {
	position: relative;
	z-index: 2;
	width: 90px;
	height: 28px;
	display: block;
	overflow: hidden;
}
label.rollover input {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	z-index: 1;
	position: absolute;
}
label.rollover span {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	font-weight: bold;
	position: relative;
	z-index: 2;
	color: #fff;
	background: #079c36 url(../img/bt_vert.png) no-repeat left top;
}

label.rollover:hover span,
label.rollover input:focus+span {
	color: #222;
}

/* @sideleft module : styles spécifiques pour les modules en barre de gauche */
/**************************************************/
#sideleft .module p {
	margin: 0 0 0.2em 0;
}

#sideleft .module p,
#sideleft .module label,
#sideleft .module input.text,
#sideleft .module textarea,
#sideleft .module select {
	font-size: 0.916em; /* 11px */
}

#sideleft .module label.rollover {
	margin: 0 auto;
	font-size: 1em; /* 12px */
}

#sideleft .module input.text,
#sideleft .module textarea,
#sideleft .module select {
	margin-bottom: 1em;
}

/* Si on met l'image en dur dans le H2 on ne maitrise plus le padding et le texte flotte bêtement */
.rappelcourtier p.caption {
	background-image: url(../img/bg_rappelcourtier.png);
}

.telephone p.caption {
	background-image: url(../img/bg_telephone.png);
}

.courrier p.caption {
	background-image: url(../img/bg_courrier.png);
}

.votre_profil p.caption {
	background-image: url(../img/bg_votre_profil.png);
	background-position: left top;
}
.femme p.caption {
	background-image: url(../img/bg_votre_profil_femme.png);
}
.homme p.caption {
	background-image: url(../img/bg_votre_profil_homme.png);
}

.votre_profil em {
	color: #7ab800;
	font-style: normal;
}
#sideleft .votre_profil a:link,
#sideleft .votre_profil a:visited {
	text-decoration: underline;
}

/****************************************************/
#main .decouvrir a:link,
#main .decouvrir a:visited {
	display: block;
	color: #6ca201;
	background: #e3e3e3;
	height: 87px;
	margin-top: 8px;
}

/* IE6 : bordure en dessous de l'image, que cette règle fait disparaître. */
#main .decouvrir a img {
	display: block;
}

/* @actus : bloc horizontal listant 3 actualités. Principalement sur la page d'accueil. */
/**************************************************/
#actus {
	padding: 0 0 0 19px;
	width: 964px;
	background: url(../img/bg_grad_actus.png) repeat-x left top;
	border-top: 1px solid #e8e8e8;
}

/* IE6 ne gère pas la transparence alpha. On remplace donc par un dégradé simple, sans transparence */
 * html #actus {
	background-image: url(../img/bg_grad_actus_ie.png);
}

#actus h2 {
	text-transform: uppercase;
	font-size: 1em;
}
#actus h3,
#actus h3 a:link,
#actus h3 a:visited {
	margin-bottom: 5px;
	font-size: 1.083em; /* 13px */
}

#actus h3 a:link,
#actus h3 a:visited {
	font-size: 1em;
}

#actus a img {
	border: 3px double #fdfdfd;
	margin-right: 10px;
}
#actus a>img {
	border-color: transparent;
}

#actus a:focus img {
	border-color: #7ab800;
}

#actus p {
	margin-bottom: 0;
}

#actus a.readmore:link,
#actus a.readmore:visited {
	background: url(../img/fleche.png) no-repeat left center;
	padding-left: 10px;
}

/* @baseline : slogan en fin de contenu */
/**************************************************/
#baseline {
	margin: .5em 0 0;
	font-family: "Targetbook", "Myriad Pro", "Myriad", Arial, sans-serif;
	font-size: 1.667em;
	text-align: right;
}


/* @footer : navigation en listes verticales et horizontales */
/**************************************************/
#footer {
	background-color: #7ab800;
	padding: 17px 0 1em 0;
	position: relative;
	z-index: 2;
}

/* IE6 ajoute une barre de scroll horizontale inutile si le padding-left est sur le footer */
#footer .container {
	padding-left: 6px;
}

#footer p.caption {
	font-size: 0.916em; /* 11px */
	font-weight: bold;
	margin-bottom: 0;
}

#footer ul{
	list-style: none none outside;
	margin: 0;
}

#footer li {
	font-size: 0.834em; /* 10px */
	color: #ddd;
}

#footer a:link,
#footer a:visited {
	color: #fff;
}

#footer a:hover,
#footer a:focus {
	color: #fdca19;
	text-decoration: underline;
}

#miscellaneous {
	border-top: 1px solid #98bd4f;
	margin-top: 1em;
	color: #fff;
}

#miscellaneous a:link,
#miscellaneous a:visited {
	padding: 0 6px 0 3px;
}

/* Pour éviter les quelques pixels vides en fin de page dans FF, causés par l'utilisation de .clearfix */
#footer .container:after {
	content: '';
}


/* @main : contenu principal de la page */
/**************************************************/
#main .pad {
	padding-left: 20px;
}

#main form {
	margin-bottom: 1.5em;
}

#main form p {
	margin-bottom: .5em;
}

.obligatoire {
	font-weight: bold;
}

.legal {
	font-style: italic;
	color: #979797;
}

.instruction,
abbr.instruction {
	color: #8a1f11;
	border: 0 none;
}

.module strong {
	line-height: inherit;
}


/* @galerie : liste d'images */
/**************************************************/
.galerie ul {
	padding: 0;
	margin: 0;
}

.galerie div {
	text-align: center;
	list-style: none none;
	margin-bottom: 15px;
	padding-top: 15px;
	float: left;
	height: auto !important;
	height: 165px;
	min-height: 165px;
	overflow: hidden;
}

.galerie a:link,
.galerie a:visited {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
}


/**************************************************/
#main .offres {
	height: auto !important;
	height: 117px;
	min-height: 117px;
	margin-bottom: 15px;
	background-color: #f3f4f3;
	background-repeat: no-repeat;
	background-position: right top;
}

#main .offres h3 {
	padding-top: 12px;
	margin-bottom: 0;
}

#main .offres p {
	padding-bottom: 12px;
	margin-bottom: 0;
}

#main .offres a:link,
#main .offres a:visited {
	color: #fff;
	display: block;
	width: 164px;
	padding: 2px 10px 12px 10px;
	background: url(../img/bt_decouvrir.png) no-repeat left top;
	text-align: center;
	font-weight: bold;
}

#main .offres h2,
#main .offres p,
#main .offres a {
	padding-left: 12px;
}

.nahita {
	background-image: url(../img/bg_cible_nahita.png)
}

.louvea {
	background-image: url(../img/bg_cible_louvea.png)
}

.angeva {
	background-image: url(../img/bg_cible_angeva.png)
}


/* @adherent : Tableaux de données de l'espace adhérent */
/**************************************************/
table.adherent {
	width: 100%;
	margin-top: 1em;
	border: 1px solid #777;
}
table.adherent thead {
	white-space: nowrap; /* Evite les retours à la ligne automatiues, mais peut être retiré si trop d'effets de bord */
}
table.adherent th {
	background: #da5c02 url(../img/bg_table_espace_adherent.png) repeat-x left top;
	color: #fff;
	border-bottom: 1px solid #777;
	text-align: center;
	border-right: 1px solid #777;
}

table.adherent td {
	border: 1px solid #d1d1d1;
}
table.echeance td {
    font-size: 11px;
}
table.adherent .alternate {
	background: #fed;
	color: #6a6a6a;
}

table.adherent tbody th,
table.adherent tfoot th {
	text-align: right;
	font-style: normal;
}

table.adherent tfoot td {
	font-weight: bold;
	font-style: normal;
	color: #555;
	border-top: 1px solid #777;
}

h1.garantie {
	margin-top: 1em;
}

/* @emploi : Tableaux de listing des offres d'emploi
	Pour l'instant, identiques à ceux de la classe adhérent mais peuvent être modifiés indépendament
*/
/**************************************************/
table.emploi caption {
	font-style: italic;
	caption-side: bottom;
}

table.emploi {
	width: 100%;
	margin-top: 1em;
}
table.emploi th,
table.emploi th {
	background: #da5c02 url(../img/bg_table_espace_adherent.png) repeat-x left top;
	color: #fff;
}

table.emploi thead {
	white-space: nowrap; /* Evite les retours à la ligne automatiues, mais peut être retiré si trop d'effets de bord */
}

table.emploi {
	border: 1px solid #777;
}

table.emploi td {
	border: 1px solid #d1d1d1;
}

table.emploi .alternate {
	background: #fed;
	color: #555;
}

table.emploi tbody th,
table.emploi tfoot th {
	text-align: right;
	font-style: normal;
}

table.emploi tfoot td {
	font-weight: bold;
	font-style: normal;
	color: #555;
	border-top: 1px solid #777;
}

/* @listes : listes verticales affichées 
texte gras  : texte à droite
              ...suite du texte (à droite)
<ul class="relation clearfix">
	<li>
		<strong></strong>
		<span class="data"></span>
	</li>
</ul>
*/
/**************************************************/
#main .relation {
	list-style: none none;
}

#main .relation strong {
	float: left;
	clear: left;
	padding-right: 0.5em;
	color: #7e7e7e;
}

#main .relation span.data {
	clear: right;
}

/* @telechargement
	Images pour téléchargement
*/
.pdf, .ps,
.exe, .bin, .bat, .cmd, .db,
.doc, .docx, .ocx, .odt, .rtf, .txt,
.xls, .xlsx, .lsx, .ods, .csv, .tsv,
.ppt, .pps, .pptx, .ppsx, .ptx, .psx, .odp,
.jpg, .jpeg, .peg, .gif, .png, .mng, tiff, .iff, .bmp,
.swf, .fla,
.avi, .wmv, .wma,
.mov, .mpg, .mpeg,
.zip, .tar, .gz, .bz {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 48px;
	height: auto !important;
	height: 48px;
	min-height: 48px;
}
.pdf, .ps {
	background-image: url(../img/type_pdf.gif);
}
.exe, .bin, .bat, .cmd, .db {
	background-image: url(../img/type_exe.gif);
}
.doc, .docx, .ocx, .odt, .rtf, .txt {
	background-image: url(../img/type_doc.gif);
}
.xls, .xlsx, .lsx, .ods, .csv, .tsv {
	background-image: url(../img/type_xls.gif);
}
.ppt, .pps, .pptx, .ppsx, .ptx, .psx, .odp {
	background-image: url(../img/type_ppt.gif);
}
.jpg, .jpeg, .peg, .gif, .png, .mng, tiff, .iff, .bmp {
	background-image: url(../img/type_jpg.gif);
}
.swf, .fla {
	background-image: url(../img/type_swf.gif);
}
.avi, .wmv, .wma {
	background-image: url(../img/type_avi.gif);
}
.mov, .mpg, .mpeg {
	background-image: url(../img/type_mov.gif);
}
.zip, .tar, .gz, .bz {
	background-image: url(../img/type_zip.gif);
}

ul.documents {
	margin: 0;
	list-style: none none;
	width: 615px;
}

.documents li,
.documents div {
	background-image: url(../img/bg_documents.png);
	background-repeat: no-repeat;
}
.documents div {
	background-position: right bottom;
	padding: 0 1em;
}

.documents li {
	background-position: left top;
	padding-top: 10px;
	margin-bottom: 1em;
}

.documents li .content {
	display: block;
}

.documents a:link,
.documents a:visited {
	text-decoration: none;
	width: 100%;
	display: block;
	padding-bottom: 10px;
}

.documents a:active,
.documents a:focus,
.documents a:hover {
	text-decoration: underline;
}
.documents li input {
}
.documents li label {
}

/* @pagination : liens de pagination
	HTML :
	<div class="pagination">
		<a href="#" class="first">1</a> | <a href="#">2</a> ... <a href="#">5</a>
	</div>
	La page courante doit être clairement indiquée mais non cliquable
	La première et la dernière page doivent être clairement indiquées et cliquables (sauf cas précédent)
/**************************************************/
.pagination {
	margin-top: 1em;
	text-align: center;
}
.pagination .current,
.pagination a:link,
.pagination a:visited {
	padding: .5em;
	margin: .25em;
	border: 1px solid;
	text-decoration: none;
}
.pagination .current,
.pagination a:focus,
.pagination a:hover {
	color: #ee8014;
	border-color: #ee8014;
	text-decoration: underline;
}
.pagination .current,
.pagination .firstresult,
.pagination .lastresult {
	font-weight: bold;
}


/* @search : formulaire de recherche et affichage des résultats */
/**************************************************/
#main .searchResult h3 {
	padding-left: 0;
}
#main .searchResult .detail {
	margin-bottom: 0;
}
#main .searchResult .cached {
	margin-left: 1em;
}

/* @portlet : styles des portlets */
/**************************************************/
.displayPortlet {
	clear: both;
}
/* @amdinlien : style du formulaire d'ajout d'un lien */
p.checkblock {
    padding:0 0 5px 150px;
}


/* Largeur des champs du formulaire */
.formField{
    width:435px;
    width:100%;
}
.formTextarea{
    width:437px;
    width:100%;
}

td.action {
	width: 20px;
	padding: 0px;
	text-align: center;
}


/* @Geolocalisation */
/**************************************************/
#geolocalisation,
#geolocalisation form,
#geolocalisation .bottom {
	background: #fff url(../img/geolocalisation_bg_sprite.png) no-repeat left top;
}
#geolocalisation {
	background-repeat: repeat-y;
	background-position: -615px 0;
}
#geolocalisation .bottom {
	background-position: left bottom;
	padding-bottom: 20px;
}
#geolocalisation form {
	background-color: #f66f00;
	background-position: right top;
	color: #fff;
	padding: 10px 0 0 20px;
	position: relative;
	height: 61px;
	margin-bottom: 0;
}
#geolocalisation label {
	font-weight: bold;
	font-size: 1.5em;
	margin-right: 10px;
	text-shadow: 2px 2px 5px #f66f00, 1px 1px 20px #fff;
}
#geolocalisation input.text {
	border-color: #ee9914;
	margin: 0;
	padding: 4px;
}
#geolocalisation input.text:hover,
#geolocalisation input.text:focus {
	border-color: #f66f00;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#geolocalisation input.submit {
	vertical-align: middle;
}
#geolocalisation .help {
	background: url(../img/geolocalisation_bg_help.png) no-repeat left top;
	position: absolute;
	left: 290px;
	top: 36px;
	width: 146px;
	padding: 7px 10px 5px 5px;
	font-size: smaller;
}
#geolocalisation .breadcrumbs,
#geolocalisation .results {
	padding: 10px 0 0 20px;
}
#geolocalisation .results ul {
	margin-left: 1em;
}

button.img {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	vertical-align: middle;
}