/* -------------------------------------------------------------- 
   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; }
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: none; }

/* -------------------------------------------------------------- 
   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: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


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

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

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

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* 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:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

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

abbr, 
acronym     { border-bottom: 1px dotted #666; }
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; }
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; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.45em; line-height: 2.5em; margin-bottom: .5em; }
.larger     { font-size: larger; }
.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; }

/* -------------------------------------------------------------- 
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
-------------------------------------------------------------- */

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

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


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

/* Sets up basic grid floating and margin. */
.column, 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, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

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

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; } 


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

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  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: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}


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

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}
.remboursement .displayPortlet .append-bottom,
.append-bottom {
	margin-bottom:1.5em; 
}

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

/* 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: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container {display: block;}

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

.clear { clear:both; }

/* portlet devis pret */
.bordered {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height: 240px;
    height: auto !important;
    height: 240px;
    margin-bottom: 5px;
}
.bordered2{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height: 415px;
    height: auto !important;
    height: 415px;
    margin-bottom: 5px;
}
.topBordered {
    border-top:1px solid #ccc;
    padding-top: 5px;
}

/* -------------------------------------------------------------- 
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
-------------------------------------------------------------- */

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


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

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* 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; }

/* @CopixTable styles pour tableaux */
/**************************************************/
.CopixTable,
.CopixVerticalTable {
	border: 1px solid #054248;
	border-collapse: collapse;
	margin-left: 0;
	width: 100%;
	background: #fff;
}
.CopixTable td {
	border-right: 1px solid #054248;
}
.CopixTable tr th,
.CopixTable thead th,
.CopixTable thead th tr,
.CopixVerticalTable tr th,
.CopixVerticalTable thead th,
.CopixVerticalTable thead tr th {
	background-color: #054248;
	color: #fff;
	text-align: left;
	border-right: 1px solid;
}
/* On retire la bordure droite pour le dernier element. Pour que ca marche sur IE6, il faut rajouter la classe '.last' */
.CopixTable th:last-child {
	border-right-width: 0;
}
.CopixTable th.last {
	border-right-width: 0;
}

.alternate {
	background-color: #f6f9f9;
}

.CopixTable tr:hover,
.CopixVerticalTable tr:hover {
	background-color: #9c3;
}

.CopixTable td,
.CopixVerticalTable td {
	height:25px;
}

.CopixTable th a,
.CopixTable th a:link,
.CopixTable th a:visited,
.CopixTable thead th a,
.CopixTable thead th a:link,
.CopixTable thead th a:visited,
.CopixTable tbody th a:link,
.CopixTable tbody th a:visited,
.CopixVerticalTable th a,
.CopixVerticalTable th a:link,
.CopixVerticalTable th a:visited,
.CopixVerticalTable thead th a,
.CopixVerticalTable thead th a:link,
.CopixVerticalTable thead th a:visited,
.CopixVerticalTable tbody th a,
.CopixVerticalTable tbody th a:link,
.CopixVerticalTable tbody th a:visited {
	color: #fff;
}


/*****************COPIX WINDOW*************/
/*
 @copixwindow fenetres pseudo modales javascript
Structure HTML :
<div class="copixwindow unfocus"> <!-- unfocus est ajoute quand plusieurs fenetres sont visibles simultanement -->
	<div class="copixwindow_title"></div>
	<div class="copixwindow_content"></div>
</div>
*/
/**************************************************/
.copixwindow {
	background-color: #fff;
	border-color: #CCC #CFCFCF #CFCFCF #CCC;
	border-style: solid;
	border-width: 1px;
	position: absolute;
	text-align: left;
	padding-bottom: 5px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.copixwindow_title {
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;	
	height: auto;
	padding: 3px 5px 0 5px;
	border-bottom: 1px solid #CCC;
	color: #FFF;
	font-weight: bold;
	cursor: move;
	background:#005F5F;
}
.copixwindow_content {
	background-color: #fff;
	padding: 3px;
	min-width: 400px;
	overflow: auto;
}
.copixwindow_content table {
	width: auto;
}

.copixwindow.unfocus {
	opacity:0.65;
}

.unfocus {
	border-color: #bebebe #eeede5 #eeede5 #bebebe;
}
.unfocus table.adherent thead th {
	background: #cf844d;
}

/* Tag popupInformation : infobulles d'information */
.popupInformation {
	padding: 10px;
	cursor: help;
	color: #000;
	border: 1px solid #ccc;
	background: #f5fbe0;
	position: absolute;
	-webkit-box-shadow: 2px 2px 8px #666;
	-moz-box-shadow: 2px 2px 8px #666;
	box-shadow: 2px 2px 8px #666;
}

/* @Site specific styles */
/* Correspondance pixels -> ems :
Pixels 	EMs
6px 	0.5em
7px 	0.583em
8px 	0.667em
9px 	0.75em
10px 	0.833em
11px 	0.917em
12px 	1em
13px 	1.083em
14px 	1.167em
15px 	1.25em
16px 	1.333em
17px 	1.417em
18px 	1.5em
19px 	1.583em
20px 	1.667em
21px 	1.75em
22px 	1.833em
23px 	1.917em
24px 	2em
*/
p {
	margin-bottom: 0.833em;
}
.justify,
.justify p {
	text-align: justify;
}
.center,
.center p {
	text-align: center;
}
.left,
.left p {
	text-align: left;
}
.right,
.right p {
	text-align: right;
	float: right;
}
td.right {
	float: none;
}

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

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img,
p img,
label img, 
legend img, legend input {
	vertical-align: text-bottom;
}
p select,
legend select {
	vertical-align: top;
}

/* @typography */
.arial,
h2.formtitle,
body,
input,
select,
textarea,
#nav li div {
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

#nav,
h2,
h3,
.trebuchet,
.caption {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.verdana {
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}

h1, h2.h1, span.h1 {
	font-size: 1.5em;
	line-height: 1;
	margin: 0 0 .5em;
	color: #054248;
}
h2 {
	font-size: 1.334em;
	color: #96bf0d;
}
h3, h4, h5, h6 {
	color: #333;
	font-size: 1em;
	font-weight: bold;
}
h4, h5, h6 {
	margin-left: .5em;
}
h5 {
	font-style: italic;
}
h6 {
	font-style: italic;
	font-weight: normal;
}

body {
	background: #efefef;
}

.container {
	padding: 1.33em 20px 0;
	background: #fff;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
body.smoothbox {
	background: #fff;
}
body.smoothbox .container {
	width: 100%;
	margin: 0;
	border: 0 none;
	padding: 0;
}
body.smoothbox #main {
	margin-left: 5px;
}

#main {
	/*
	position: relative;
	z-index: 1;
	*/
	height: 400px;
	height: auto !important;
	min-height: 400px;
}
a:link,
a:visited {
	color: #006871;
	text-decoration: none;
	cursor: pointer;
}

a:hover,
a:focus {
	text-decoration: underline;
	outline: 0;
}
a:focus img {
	outline: 1px solid #e4e4e4;
}

/* Classe generique pour utiliser une balise de maniere "transparente" */
.structure {
	margin: 0;
	padding: 0;
	list-style: none none;
	border: 0 none;
}
.inline li,
.horizontal li {
	display: inline;
}
.horizontal li {
	float: left;
}
.horizontal li a {
	display: block;
	float: left;
}
/* Surcharge error, success, notice */
/****************************************************/
.error      { background: #f48a36; color: #8a1f11; border-color: #f2a90b; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a:link, .error a:visited { color: #fff; }
.notice a:link, .notice a:visited { color: #006871; }
.success a:link, .success a:visited  { color: #7ab800; }

.error h2, .error h3, .error h4, .error h5, .error h6 {
	color: #8a1f11;
}
.notice h2, .notice h3, .notice h4, .notice h5, .notice h6,
.success h2, .success h3, .success h4, .success h5, .success h6 {
	color: #666;
}

.highlight {
	background: #feff8f;
}

/* Surcharge formulaires */
/****************************************************/
.error label span.caption {
	text-decoration: underline;
}

.error label span.help {
	color: #8a1f11;
	font-weight: bold;
}

form p.error {
	margin: 0 0 0.833em;
}
form .error {
	margin: 0;
	padding: 0;
	border-color: #f60;
	border-width: 0;
	color: #800;
	background-color: transparent;
}

form .error input.text,
form .error select,
form .error textarea {
	border-color: #800;
}

/* Surcharge pour que les champs en erreur soient styles correctement */
form input.error,
select.error,
textarea.error {
	background: #fff;
	color: #800;
	border-color: #800;
	margin: .2em 0;
	padding: 0 .2em;
	border-width: 1px;
}
.ie input.error {
	margin-left: 0 !important;
}

select.error {
	margin: 0 0.2em 0 0;
	padding: 0;
}

label.facultatif {
	font-weight: normal;
}

textarea {
  font-size: 100%;
  height: 4em;
}

input.text,
textarea,
select {
	border-color: #7f9db9;
	margin: .2em 0 0;
	padding: 0 .2em;
	width: auto;
	color: #666;
}

input.date,
input.numeric {
	text-align: right;
}
select {
	padding: 0;
	margin: 0 .2em 0 0;
    font-size:0.95em;
}

input.datenaissance {
	width: 5em;
}


input.text:focus,
input.text:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover,
label:hover input.text,
label:hover select {
	border-color: #006871;
	outline: 0;
	color: #222;
	background-color: #f5fbe0;
	box-shadow: 1px 1px 2px #aaa;
	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
}


label input.text,
label select {
	margin: 0.2em;
}
label[for]:hover {
	border-bottom: 1px solid #ccc;
}

p.submit {
	text-align: center;
	margin: 0 auto;
}


.invisible {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none none;
}

label span.help {
	color: #666;
	font-weight: normal;
}

/* La classe "compact" permet de reduire l'espacement vertical entre les differents elements */
.compact p,
.compact input.text,
.compact textarea,
.compact select {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.noMargin {
	margin: 0;
}
/* @blocs
	Pour mettre des coins arrondis, utiliser les regles suivantes.
	
	Si les regles et l'image n'existent pas, les definir en reutilisant le modele.
	
	L'image doit etre une sprite de dimensions 3 x X sur 20px de haut.
	Les colonnes doivent contenir le haut (non repete), la deuxieme la partie centrale (repetee), et a droite le bas (non repete).
	Le haut et le bas doivent etre transparents (ça permet de definir la couleur de fond du bloc en une seule declaration).
	Exporter pour le web avec les parametres suivants : PNG 8bit, 256 couleurs, transparence, cache : sans ou blanc
	
	Cote HTML, utiliser la structure :
	<div class="span-XXX">
		<div class="bloc classe_specifique_au_bloc">
			<div class="top"></div>
			<div class="content">
				... mettre le contenu ici ...
			</div>
			<div class="bottom"></div>
		</div>
	</div>
/****************************************************/
.bloc {
	background-repeat: repeat-y;
	margin-bottom: 1em;
}
.bloc .content {
	padding: 0 10px 5px 8px;
	clear: both;
}

.bloc .top,
.bloc .bottom {
	width: 100%;
	height: 8px;
	background-repeat: no-repeat;
}
.bloc .top {
	overflow: hidden;
	background-position: left top;
}

.bloc .bottom {
	clear: both;
	background-position: right bottom;
}

.bloc .caption,
.bloc h2,
.bloc h3 {
	color: #96bf0d;
	font-size: 1.333em;
	line-height: 1em;
	margin-bottom: .5em;
	font-weight: bold;
}
.bloc h3 {
	font-weight: bold;
	margin-bottom: .5em;
}

.span-14 h3 {
	font-size: 1.167em;
	line-height: 1.145em;
}

/* Il faut aller du plus large au plus etroit pour que la specificite se calcule correctement */
.span-24 .bloc { background-position: -950px top; }
.span-24 .bloc, .span-24 .bloc .top, .span-24 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_24.png); }

.span-23 .bloc { background-position: -910px top; }
.span-23 .bloc, .span-23 .bloc .top, .span-23 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_23.png); }

.span-22 .bloc { background-position: -870px top; }
.span-22 .bloc, .span-22 .bloc .top, .span-22 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_22.png); }

.span-21 .bloc { background-position: -830px top; }
.span-21 .bloc, .span-21 .bloc .top, .span-21 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_21.png); }

.span-20 .bloc { background-position: -790px top; }
.span-20 .bloc, .span-20 .bloc .top, .span-20 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_20.png); }

.span-19 .bloc { background-position: -750px top; }
.span-19 .bloc, .span-19 .bloc .top, .span-19 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_19.png); }

.span-19 .bloc_pret { background-image: url(themes/cma_v1/styles/../img/bg_span_19_pret.png); }

.span-18 .bloc { background-position: -710px top; }
.span-18 .bloc, .span-18 .bloc .top, .span-18 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_18.png); }

.span-17 .bloc { background-position: -670px top; }
.span-17 .bloc, .span-17 .bloc .top, .span-17 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_17.png); }

.span-16 .bloc { background-position: -630px top; }
.span-16 .bloc, .span-16 .bloc .top, .span-16 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_16.png); }

.span-15 .bloc { background-position: -590px top; }
.span-15 .bloc, .span-15 .bloc .top, .span-15 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_15.png); }

.span-14 .bloc { background-position: -550px top; }
.span-14 .bloc, .span-14 .bloc .top, .span-14 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_14.png); }

.span-14 .bloc_pret { background-image: url(themes/cma_v1/styles/../img/bg_span_14_pret.png); }

.span-13 .bloc { background-position: -510px top; }
.span-13 .bloc, .span-13 .bloc .top, .span-13 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_13.png); }

.span-12 .bloc { background-position: -470px top; }
.span-12 .bloc, .span-12 .bloc .top, .span-12 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_12.png); }

.span-11 .bloc { background-position: -430px top; }
.span-11 .bloc, .span-11 .bloc .top, .span-11 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_11.png); }

.span-10 .bloc { background-position: -390px top; }
.span-10 .bloc, .span-10 .bloc .top, .span-10 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_10.png); }

.span-9 .bloc { background-position: -350px top; }
.span-9 .bloc, .span-9 .bloc .top, .span-9 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_9.png); }

.span-8 .bloc { background-position: -310px top; }
.span-8 .bloc, .span-8 .bloc .top, .span-8 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_8.png); }

.span-7 .bloc { background-position: -270px top; }
.span-7 .bloc, .span-7 .bloc .top, .span-7 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_7.png); }

.span-6 .bloc { background-position: -230px top; }
.span-6 .bloc, .span-6 .bloc .top, .span-6 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_6.png); }

.span-5 .bloc { background-position: -190px top; }
.span-5 .bloc, .span-5 .bloc .top, .span-5 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_5.png); }

.span-5 .bloc_pret { background-image: url(themes/cma_v1/styles/../img/bg_span_5_pret.png); }

.span-4 .bloc { background-position: -150px top; }
.span-4 .bloc, .span-4 .bloc .top, .span-4 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_4.png); }

.span-3 .bloc { background-position: -110px top; }
.span-3 .bloc, .span-3 .bloc .top, .span-3 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_3.png); }

.span-2 .bloc { background-position: -70px top; }
.span-2 .bloc, .span-2 .bloc .top, .span-2 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_2.png); }

.span-1 .bloc { background-position: -30px top; }
.span-1 .bloc, .span-1 .bloc .top, .span-1 .bloc .bottom { background-image: url(themes/cma_v1/styles/../img/bg_span_1.png); }

/* @logo / @slogan */
#logo {
	margin: 0 10px 18px 5px;
}

/* Navigation horizontale */
#nav {
	background: #054248 url(themes/cma_v1/styles/../img/bg_nav.png) no-repeat left top;
	color: #fff;
	margin: 5px 0 25px;
}

#nav .bottom {
	clear: both;
	width: 100%;
	height: 5px;
	background: url(themes/cma_v1/styles/../img/bg_nav.png) no-repeat right bottom;

	/* IE6 etire div.bottom a 20px au lieu de 5px, on le fait donc remonter de 15px mais passer en-dessous avec z-index (1/2) */
	margin-top: -15px;
	z-index: 1;
	position: relative;
}
/* IE7 ne place pas correctement le div.bottom, on annule donc la marge */
#nav > .bottom {
	margin-top: 0;
}

#nav ul {
	margin: 4px 0 0;
	list-style: none;
	text-align: center;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline; /* IE6 : on evite le visible whitespace bug avec cette regle */
	float: left;

	/* IE6 etire div.bottom à 20px au lieu de 5px, on le fait donc remonter de 15px mais passer en-dessous avec z-index (2/2) */
	z-index: 2;
	position: relative;
}

#nav a:link,
#nav a:visited {
	color: #fff;
	float: left;
	display: block;
	height: 35px;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	background: url(themes/cma_v1/styles/../img/bg_nav_link.png) no-repeat left top;
	margin-left: -5px;
}
#nav a span {
	display: block;
	padding: 3px 15px 10px 0;
	margin-left: 1em;
}
* html #nav a {
	overflow: hidden;
}
* html #nav a:link,
* html #nav a:visited {
	margin-left: -1px;
}
* html #nav a span {
	margin-right: -4px;
}

#nav a.current,
#nav li:hover a,
#nav a:hover,
#nav a:focus {
	outline: 0;
	color: #fff;
	background: #74a902 url(themes/cma_v1/styles/../img/bg_nav_link_hover.png) no-repeat left top !important; /* IE6 a besoin de !important, sinon la classe current n'ecrase pas la classe last */
}

#nav a.current span,
#nav li:hover a span,
#nav a:hover span,
#nav a:focus span {
	background: url(themes/cma_v1/styles/../img/bg_nav_link_hover.png) no-repeat right -40px;
	position: relative;
	z-index: 1;
}

#nav .home a:link,
#nav .home a:visited {
	margin: 0 2px 0 10px;
	background-position: -10px 0 !important;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#nav .home a:hover,
#nav .home a:focus {
	background: -20px -5px;
}
#nav .home a:link img,
#nav .home a:visited img {
	padding: 5px 5px;
}

/* Rollover */
#nav li div {
	display: none;
	width: 180px;
	left: 0;
	top: 30px;
	position: absolute;
	z-index: 2;
	padding-bottom: .5em;
	text-align: left;
	color: #000;
	background: #f5fbe0;
	border: 1px solid #bfbfbf;
	box-shadow: 2px 3px 10px #999;
	-moz-box-shadow: 2px 3px 10px #999;
	-webkit-box-shadow: 2px 3px 10px #999;
}

#nav li:hover div,
#nav li.over div {
	display: block;
}

#nav div ul,
#nav div li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav li div p,
#nav li div a:link,
#nav li div a:visited {
	margin: .5em .2em 0 .2em;
	text-align: left;
	line-height: 1.2em;
	width: auto;
}

#nav li:hover div a:link,
#nav li:hover div a:visited,
#nav li div a:link,
#nav li div a:visited {
	color: #000;
	float: none;
	font-weight: normal;
	background: none !important;
	height: auto;
}

#nav li div a.current,
#nav li div a:hover,
#nav li div a:focus {
	color: #000;
	background: transparent none !important;
}


/* Articles */
h2 {
	color: #96bf0d;
}

.grandes_actus .content {
	padding: 9px;
}


/* illustrations d'articles */
.illustration img,
img.illustration {
	border: 1px solid #9b9b9b;
	padding: 1px;
}

/* @pictos Pictos en sprites
	Exemple d'utilisation en HTML :
	1.	<a href="#"><span class="picto phylactere"></span>Parlez-en a vos amis</a>
	2.	<label for="rollover input"><span class="picto valider"></span>Valider</label>
		<input id="input" class="rollover" type="submit" value="Valider" />
	3. <li><span class="picto nombreVert1"></span>Votre situation familiale</li>
*/
/***************************************************************/

.bulle { background-position: 0 -30px; }
.calculatrice { background-position: 0 -80px; }
.calendrier { background-position: 0 -130px; }
.crayon { background-position: 0 -176px; }
.fleche { background-position: 0 -226px; }
.flecheDroite { background-position: 0 -276px; }
.flecheGauche { background-position: 0 -325px; }
.imprimante { background-position: 0 -374px; }
.interlocuteur { background-position: 0 -418px; }
.interrogation { background-position: 0 -459px; }
.mail { background-position: 0 -507px; }
.mail_transparent { background-position: 0 -549px; }
.megaphone { background-position: 0 -588px; }
.nombreOrange1 { background-position: 0 -638px; }
.nombreOrange2 { background-position: 0 -687px; }
.nombreOrange3 { background-position: 0 -736px; }
.nombreOrange4 { background-position: 0 -785px; }
.nombreOrange5 { background-position: 0 -834px; }
.nombreVert1 { background-position: 0 -883px; }
.nombreVert2 { background-position: 0 -932px; }
.nombreVert3 { background-position: 0 -981px; }
.nombreVert4 { background-position: 0 -1030px; }
.nombreVert5 { background-position: 0 -1079px; }
.personnage { background-position: 0 -1128px; }
.tchat { background-position: 0 -1170px; }
.telephone { background-position: 0 -1212px; }
.valider { background-position: 0 -1262px; }
.attention { background-position: 0 -1300px; }
.cadenas { background-position: 0 -1380px; }
.papier { background-position: 0 -1420px; }

/* @pictos */
.picto {
	float: left;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 6px 2px 0 -6px;
	background-image: url(themes/cma_v1/styles/../img/bg_pictos.png);
}
.fond_054248 .calendrier { background-position: 0 -30px; }
.fond_7ab800 .calendrier { background-position: 0 -76px; }
.fond_e4e4e4 .calendrier { background-position: 0 -122px; }
.fond_f2a90b .calendrier { background-position: 0 -168px; }
.fond_f2f7e3 .calendrier { background-position: 0 -214px; }
.fond_f48a36 .calendrier { background-position: 0 -260px; }
.fond_f5fbe0 .calendrier { background-position: 0 -306px; }
.fond_f8fafa .calendrier { background-position: 0 -352px; }
.fond_fdfefe .calendrier { background-position: 0 -398px; }
.fond_ffffff .calendrier,
.btn .calendrier { background-position: 0 -444px; }
.fond_054248 .imprimante { background-position: 0 -490px; }
.fond_7ab800 .imprimante { background-position: 0 -534px; }
.fond_e4e4e4 .imprimante { background-position: 0 -578px; }
.fond_f2a90b .imprimante { background-position: 0 -622px; }
.fond_f2f7e3 .imprimante { background-position: 0 -666px; }
.fond_f48a36 .imprimante { background-position: 0 -710px; }
.fond_f5fbe0 .imprimante { background-position: 0 -754px; }
.fond_f8fafa .imprimante { background-position: 0 -798px; }
.fond_fdfefe .imprimante { background-position: 0 -842px; }
.fond_ffffff .imprimante,
.btn .imprimante { background-position: 0 -886px; }
.fond_054248 .interlocuteur { background-position: 0 -930px; }
.fond_7ab800 .interlocuteur { background-position: 0 -971px; }
.fond_e4e4e4 .interlocuteur { background-position: 0 -1012px; }
.fond_f2a90b .interlocuteur { background-position: 0 -1053px; }
.fond_f2f7e3 .interlocuteur { background-position: 0 -1094px; }
.fond_f48a36 .interlocuteur { background-position: 0 -1135px; }
.fond_f5fbe0 .interlocuteur { background-position: 0 -1176px; }
.fond_f8fafa .interlocuteur { background-position: 0 -1217px; }
.fond_fdfefe .interlocuteur { background-position: 0 -1258px; }
.fond_ffffff .interlocuteur,
.btn .interlocuteur { background-position: 0 -1299px; }
.fond_054248 .mail { background-position: 0 -1340px; }
.fond_7ab800 .mail { background-position: 0 -1379px; }
.fond_e4e4e4 .mail { background-position: 0 -1418px; }
.fond_f2a90b .mail { background-position: 0 -1457px; }
.fond_f2f7e3 .mail { background-position: 0 -1496px; }
.fond_f48a36 .mail { background-position: 0 -1535px; }
.fond_f5fbe0 .mail { background-position: 0 -1574px; }
.fond_f8fafa .mail { background-position: 0 -1613px; }
.fond_fdfefe .mail { background-position: 0 -1652px; }
.fond_ffffff .mail,
.btn .mail { background-position: 0 -1691px; }
.fond_054248 .mail_vert { background-position: 0 -1730px; }
.fond_7ab800 .mail_vert { background-position: 0 -1770px; }
.fond_e4e4e4 .mail_vert { background-position: 0 -1810px; }
.fond_f2a90b .mail_vert { background-position: 0 -1850px; }
.fond_f2f7e3 .mail_vert { background-position: 0 -1890px; }
.fond_f48a36 .mail_vert { background-position: 0 -1930px; }
.fond_f5fbe0 .mail_vert { background-position: -164px -30px; }
.fond_f8fafa .mail_vert { background-position: -164px -70px; }
.fond_fdfefe .mail_vert { background-position: -164px -110px; }
.fond_ffffff .mail_vert,
.btn .mail_vert { background-position: -164px -150px; }
.fond_054248 .ok { background-position: -164px -190px; }
.fond_7ab800 .ok { background-position: -164px -241px; }
.fond_e4e4e4 .ok { background-position: -164px -292px; }
.fond_f2a90b .ok { background-position: -164px -343px; }
.fond_f2f7e3 .ok { background-position: -164px -394px; }
.fond_f48a36 .ok { background-position: -164px -445px; }
.fond_f5fbe0 .ok { background-position: -164px -496px; }
.fond_f8fafa .ok { background-position: -164px -547px; }
.fond_fdfefe .ok { background-position: -164px -598px; }
.fond_ffffff .ok,
.btn .ok { background-position: -164px -649px; }
.fond_054248 .personnage { background-position: -164px -700px; }
.fond_7ab800 .personnage { background-position: -164px -742px; }
.fond_e4e4e4 .personnage { background-position: -164px -784px; }
.fond_f2a90b .personnage { background-position: -164px -826px; }
.fond_f2f7e3 .personnage { background-position: -164px -868px; }
.fond_f48a36 .personnage { background-position: -164px -910px; }
.fond_f5fbe0 .personnage { background-position: -164px -952px; }
.fond_f8fafa .personnage { background-position: -164px -994px; }
.fond_fdfefe .personnage { background-position: -164px -1036px; }
.fond_ffffff .personnage,
.btn .personnage { background-position: -164px -1078px; }
.fond_054248 .rond_blanc_1_orange { background-position: -164px -1120px; }
.fond_7ab800 .rond_blanc_1_orange { background-position: -164px -1169px; }
.fond_e4e4e4 .rond_blanc_1_orange { background-position: -164px -1218px; }
.fond_f2a90b .rond_blanc_1_orange { background-position: -164px -1267px; }
.fond_f2f7e3 .rond_blanc_1_orange { background-position: -164px -1316px; }
.fond_f48a36 .rond_blanc_1_orange { background-position: -164px -1365px; }
.fond_f5fbe0 .rond_blanc_1_orange { background-position: -164px -1414px; }
.fond_f8fafa .rond_blanc_1_orange { background-position: -164px -1463px; }
.fond_fdfefe .rond_blanc_1_orange { background-position: -164px -1512px; }
.fond_ffffff .rond_blanc_1_orange,
.btn .rond_blanc_1_orange { background-position: -164px -1561px; }
.fond_054248 .rond_blanc_2_orange { background-position: -164px -1610px; }
.fond_7ab800 .rond_blanc_2_orange { background-position: -164px -1659px; }
.fond_e4e4e4 .rond_blanc_2_orange { background-position: -164px -1708px; }
.fond_f2a90b .rond_blanc_2_orange { background-position: -164px -1757px; }
.fond_f2f7e3 .rond_blanc_2_orange { background-position: -164px -1806px; }
.fond_f48a36 .rond_blanc_2_orange { background-position: -164px -1855px; }
.fond_f5fbe0 .rond_blanc_2_orange { background-position: -164px -1904px; }
.fond_f8fafa .rond_blanc_2_orange { background-position: -164px -1953px; }
.fond_fdfefe .rond_blanc_2_orange { background-position: -335px -30px; }
.fond_ffffff .rond_blanc_2_orange,
.btn .rond_blanc_2_orange { background-position: -335px -79px; }
.fond_054248 .rond_blanc_3_orange { background-position: -335px -128px; }
.fond_7ab800 .rond_blanc_3_orange { background-position: -335px -177px; }
.fond_e4e4e4 .rond_blanc_3_orange { background-position: -335px -226px; }
.fond_f2a90b .rond_blanc_3_orange { background-position: -335px -275px; }
.fond_f2f7e3 .rond_blanc_3_orange { background-position: -335px -324px; }
.fond_f48a36 .rond_blanc_3_orange { background-position: -335px -373px; }
.fond_f5fbe0 .rond_blanc_3_orange { background-position: -335px -422px; }
.fond_f8fafa .rond_blanc_3_orange { background-position: -335px -471px; }
.fond_fdfefe .rond_blanc_3_orange { background-position: -335px -520px; }
.fond_ffffff .rond_blanc_3_orange,
.btn .rond_blanc_3_orange { background-position: -335px -569px; }
.fond_054248 .rond_blanc_4_orange { background-position: -335px -618px; }
.fond_7ab800 .rond_blanc_4_orange { background-position: -335px -667px; }
.fond_e4e4e4 .rond_blanc_4_orange { background-position: -335px -716px; }
.fond_f2a90b .rond_blanc_4_orange { background-position: -335px -765px; }
.fond_f2f7e3 .rond_blanc_4_orange { background-position: -335px -814px; }
.fond_f48a36 .rond_blanc_4_orange { background-position: -335px -863px; }
.fond_f5fbe0 .rond_blanc_4_orange { background-position: -335px -912px; }
.fond_f8fafa .rond_blanc_4_orange { background-position: -335px -961px; }
.fond_fdfefe .rond_blanc_4_orange { background-position: -335px -1010px; }
.fond_ffffff .rond_blanc_4_orange,
.btn .rond_blanc_4_orange { background-position: -335px -1059px; }
.fond_054248 .rond_blanc_5_orange { background-position: -335px -1108px; }
.fond_7ab800 .rond_blanc_5_orange { background-position: -335px -1157px; }
.fond_e4e4e4 .rond_blanc_5_orange { background-position: -335px -1206px; }
.fond_f2a90b .rond_blanc_5_orange { background-position: -335px -1255px; }
.fond_f2f7e3 .rond_blanc_5_orange { background-position: -335px -1304px; }
.fond_f48a36 .rond_blanc_5_orange { background-position: -335px -1353px; }
.fond_f5fbe0 .rond_blanc_5_orange { background-position: -335px -1402px; }
.fond_f8fafa .rond_blanc_5_orange { background-position: -335px -1451px; }
.fond_fdfefe .rond_blanc_5_orange { background-position: -335px -1500px; }
.fond_ffffff .rond_blanc_5_orange,
.btn .rond_blanc_5_orange { background-position: -335px -1549px; }
.fond_054248 .rond_blanc_cadenas { background-position: -335px -1598px; }
.fond_7ab800 .rond_blanc_cadenas { background-position: -335px -1648px; }
.fond_e4e4e4 .rond_blanc_cadenas { background-position: -335px -1698px; }
.fond_f2a90b .rond_blanc_cadenas { background-position: -335px -1748px; }
.fond_f2f7e3 .rond_blanc_cadenas { background-position: -335px -1798px; }
.fond_f48a36 .rond_blanc_cadenas { background-position: -335px -1848px; }
.fond_f5fbe0 .rond_blanc_cadenas { background-position: -335px -1898px; }
.fond_f8fafa .rond_blanc_cadenas { background-position: -335px -1948px; }
.fond_fdfefe .rond_blanc_cadenas { background-position: -506px -30px; }
.fond_ffffff .rond_blanc_cadenas,
.btn .rond_blanc_cadenas { background-position: -506px -80px; }
.fond_054248 .rond_blanc_crayon { background-position: -506px -130px; }
.fond_7ab800 .rond_blanc_crayon { background-position: -506px -180px; }
.fond_e4e4e4 .rond_blanc_crayon { background-position: -506px -230px; }
.fond_f2a90b .rond_blanc_crayon { background-position: -506px -280px; }
.fond_f2f7e3 .rond_blanc_crayon { background-position: -506px -330px; }
.fond_f48a36 .rond_blanc_crayon { background-position: -506px -380px; }
.fond_f5fbe0 .rond_blanc_crayon { background-position: -506px -430px; }
.fond_f8fafa .rond_blanc_crayon { background-position: -506px -480px; }
.fond_fdfefe .rond_blanc_crayon { background-position: -506px -530px; }
.fond_ffffff .rond_blanc_crayon,
.btn .rond_blanc_crayon { background-position: -506px -580px; }
.fond_054248 .rond_blanc_curseur { background-position: -506px -630px; }
.fond_7ab800 .rond_blanc_curseur { background-position: -506px -680px; }
.fond_e4e4e4 .rond_blanc_curseur { background-position: -506px -730px; }
.fond_f2a90b .rond_blanc_curseur { background-position: -506px -780px; }
.fond_f2f7e3 .rond_blanc_curseur { background-position: -506px -830px; }
.fond_f48a36 .rond_blanc_curseur { background-position: -506px -880px; }
.fond_f5fbe0 .rond_blanc_curseur { background-position: -506px -930px; }
.fond_f8fafa .rond_blanc_curseur { background-position: -506px -980px; }
.fond_fdfefe .rond_blanc_curseur { background-position: -506px -1030px; }
.fond_ffffff .rond_blanc_curseur,
.btn .rond_blanc_curseur { background-position: -506px -1080px; }
.fond_054248 .rond_blanc_diese_orange { background-position: -506px -1130px; }
.fond_7ab800 .rond_blanc_diese_orange { background-position: -506px -1179px; }
.fond_e4e4e4 .rond_blanc_diese_orange { background-position: -506px -1228px; }
.fond_f2a90b .rond_blanc_diese_orange { background-position: -506px -1277px; }
.fond_f2f7e3 .rond_blanc_diese_orange { background-position: -506px -1326px; }
.fond_f48a36 .rond_blanc_diese_orange { background-position: -506px -1375px; }
.fond_f5fbe0 .rond_blanc_diese_orange { background-position: -506px -1424px; }
.fond_f8fafa .rond_blanc_diese_orange { background-position: -506px -1473px; }
.fond_fdfefe .rond_blanc_diese_orange { background-position: -506px -1522px; }
.fond_ffffff .rond_blanc_diese_orange,
.btn .rond_blanc_diese_orange { background-position: -506px -1571px; }
.fond_054248 .rond_blanc_fleche_droite { background-position: -506px -1620px; }
.fond_7ab800 .rond_blanc_fleche_droite { background-position: -506px -1669px; }
.fond_e4e4e4 .rond_blanc_fleche_droite { background-position: -506px -1718px; }
.fond_f2a90b .rond_blanc_fleche_droite { background-position: -506px -1767px; }
.fond_f2f7e3 .rond_blanc_fleche_droite { background-position: -506px -1816px; }
.fond_f48a36 .rond_blanc_fleche_droite { background-position: -506px -1865px; }
.fond_f5fbe0 .rond_blanc_fleche_droite { background-position: -506px -1914px; }
.fond_f8fafa .rond_blanc_fleche_droite { background-position: -506px -1963px; }
.fond_fdfefe .rond_blanc_fleche_droite { background-position: -677px -30px; }
.fond_ffffff .rond_blanc_fleche_droite,
.btn .rond_blanc_fleche_droite { background-position: -677px -79px; }
.fond_054248 .rond_blanc_fleche_gauche { background-position: -677px -128px; }
.fond_7ab800 .rond_blanc_fleche_gauche { background-position: -677px -177px; }
.fond_e4e4e4 .rond_blanc_fleche_gauche { background-position: -677px -226px; }
.fond_f2a90b .rond_blanc_fleche_gauche { background-position: -677px -275px; }
.fond_f2f7e3 .rond_blanc_fleche_gauche { background-position: -677px -324px; }
.fond_f48a36 .rond_blanc_fleche_gauche { background-position: -677px -373px; }
.fond_f5fbe0 .rond_blanc_fleche_gauche { background-position: -677px -422px; }
.fond_f8fafa .rond_blanc_fleche_gauche { background-position: -677px -471px; }
.fond_fdfefe .rond_blanc_fleche_gauche { background-position: -677px -520px; }
.fond_ffffff .rond_blanc_fleche_gauche,
.btn .rond_blanc_fleche_gauche { background-position: -677px -569px; }
.fond_054248 .rond_blanc_interrogation { background-position: -677px -618px; }
.fond_7ab800 .rond_blanc_interrogation { background-position: -677px -668px; }
.fond_e4e4e4 .rond_blanc_interrogation { background-position: -677px -718px; }
.fond_f2a90b .rond_blanc_interrogation { background-position: -677px -768px; }
.fond_f2f7e3 .rond_blanc_interrogation { background-position: -677px -818px; }
.fond_f48a36 .rond_blanc_interrogation { background-position: -677px -868px; }
.fond_f5fbe0 .rond_blanc_interrogation { background-position: -677px -918px; }
.fond_f8fafa .rond_blanc_interrogation { background-position: -677px -968px; }
.fond_fdfefe .rond_blanc_interrogation { background-position: -677px -1018px; }
.fond_ffffff .rond_blanc_interrogation,
.btn .rond_blanc_interrogation { background-position: -677px -1068px; }
.fond_054248 .rond_vert_bulle { background-position: -677px -1118px; }
.fond_7ab800 .rond_vert_bulle { background-position: -677px -1167px; }
.fond_e4e4e4 .rond_vert_bulle { background-position: -677px -1216px; }
.fond_f2a90b .rond_vert_bulle { background-position: -677px -1265px; }
.fond_f2f7e3 .rond_vert_bulle { background-position: -677px -1314px; }
.fond_f48a36 .rond_vert_bulle { background-position: -677px -1363px; }
.fond_f5fbe0 .rond_vert_bulle { background-position: -677px -1412px; }
.fond_f8fafa .rond_vert_bulle { background-position: -677px -1461px; }
.fond_fdfefe .rond_vert_bulle { background-position: -677px -1510px; }
.fond_ffffff .rond_vert_bulle,
.btn .rond_vert_bulle { background-position: -677px -1559px; }
.fond_054248 .rond_vert_calculatrice { background-position: -677px -1608px; }
.fond_7ab800 .rond_vert_calculatrice { background-position: -677px -1658px; }
.fond_e4e4e4 .rond_vert_calculatrice { background-position: -677px -1708px; }
.fond_f2a90b .rond_vert_calculatrice { background-position: -677px -1758px; }
.fond_f2f7e3 .rond_vert_calculatrice { background-position: -677px -1808px; }
.fond_f48a36 .rond_vert_calculatrice { background-position: -677px -1858px; }
.fond_f5fbe0 .rond_vert_calculatrice { background-position: -677px -1908px; }
.fond_f8fafa .rond_vert_calculatrice { background-position: -677px -1958px; }
.fond_fdfefe .rond_vert_calculatrice { background-position: -848px -30px; }
.fond_ffffff .rond_vert_calculatrice,
.btn .rond_vert_calculatrice { background-position: -848px -80px; }
.fond_054248 .rond_vert_degrade_1_blanc { background-position: -848px -130px; }
.fond_7ab800 .rond_vert_degrade_1_blanc { background-position: -848px -179px; }
.fond_e4e4e4 .rond_vert_degrade_1_blanc { background-position: -848px -228px; }
.fond_f2a90b .rond_vert_degrade_1_blanc { background-position: -848px -277px; }
.fond_f2f7e3 .rond_vert_degrade_1_blanc { background-position: -848px -326px; }
.fond_f48a36 .rond_vert_degrade_1_blanc { background-position: -848px -375px; }
.fond_f5fbe0 .rond_vert_degrade_1_blanc { background-position: -848px -424px; }
.fond_f8fafa .rond_vert_degrade_1_blanc { background-position: -848px -473px; }
.fond_fdfefe .rond_vert_degrade_1_blanc { background-position: -848px -522px; }
.fond_ffffff .rond_vert_degrade_1_blanc { background-position: -848px -571px; }
.fond_054248 .rond_vert_degrade_2_blanc { background-position: -848px -620px; }
.fond_7ab800 .rond_vert_degrade_2_blanc { background-position: -848px -669px; }
.fond_e4e4e4 .rond_vert_degrade_2_blanc { background-position: -848px -718px; }
.fond_f2a90b .rond_vert_degrade_2_blanc { background-position: -848px -767px; }
.fond_f2f7e3 .rond_vert_degrade_2_blanc { background-position: -848px -816px; }
.fond_f48a36 .rond_vert_degrade_2_blanc { background-position: -848px -865px; }
.fond_f5fbe0 .rond_vert_degrade_2_blanc { background-position: -848px -914px; }
.fond_f8fafa .rond_vert_degrade_2_blanc { background-position: -848px -963px; }
.fond_fdfefe .rond_vert_degrade_2_blanc { background-position: -848px -1012px; }
.fond_ffffff .rond_vert_degrade_2_blanc { background-position: -848px -1061px; }
.fond_054248 .rond_vert_degrade_3_blanc { background-position: -848px -1110px; }
.fond_7ab800 .rond_vert_degrade_3_blanc { background-position: -848px -1159px; }
.fond_e4e4e4 .rond_vert_degrade_3_blanc { background-position: -848px -1208px; }
.fond_f2a90b .rond_vert_degrade_3_blanc { background-position: -848px -1257px; }
.fond_f2f7e3 .rond_vert_degrade_3_blanc { background-position: -848px -1306px; }
.fond_f48a36 .rond_vert_degrade_3_blanc { background-position: -848px -1355px; }
.fond_f5fbe0 .rond_vert_degrade_3_blanc { background-position: -848px -1404px; }
.fond_f8fafa .rond_vert_degrade_3_blanc { background-position: -848px -1453px; }
.fond_fdfefe .rond_vert_degrade_3_blanc { background-position: -848px -1502px; }
.fond_ffffff .rond_vert_degrade_3_blanc { background-position: -848px -1551px; }
.fond_054248 .rond_vert_degrade_4_blanc { background-position: -848px -1600px; }
.fond_7ab800 .rond_vert_degrade_4_blanc { background-position: -848px -1649px; }
.fond_e4e4e4 .rond_vert_degrade_4_blanc { background-position: -848px -1698px; }
.fond_f2a90b .rond_vert_degrade_4_blanc { background-position: -848px -1747px; }
.fond_f2f7e3 .rond_vert_degrade_4_blanc { background-position: -848px -1796px; }
.fond_f48a36 .rond_vert_degrade_4_blanc { background-position: -848px -1845px; }
.fond_f5fbe0 .rond_vert_degrade_4_blanc { background-position: -848px -1894px; }
.fond_f8fafa .rond_vert_degrade_4_blanc { background-position: -848px -1943px; }
.fond_fdfefe .rond_vert_degrade_4_blanc { background-position: -1019px -30px; }
.fond_ffffff .rond_vert_degrade_4_blanc { background-position: -1019px -79px; }
.fond_054248 .rond_vert_degrade_5_blanc { background-position: -1019px -128px; }
.fond_7ab800 .rond_vert_degrade_5_blanc { background-position: -1019px -177px; }
.fond_e4e4e4 .rond_vert_degrade_5_blanc { background-position: -1019px -226px; }
.fond_f2a90b .rond_vert_degrade_5_blanc { background-position: -1019px -275px; }
.fond_f2f7e3 .rond_vert_degrade_5_blanc { background-position: -1019px -324px; }
.fond_f48a36 .rond_vert_degrade_5_blanc { background-position: -1019px -373px; }
.fond_f5fbe0 .rond_vert_degrade_5_blanc { background-position: -1019px -422px; }
.fond_f8fafa .rond_vert_degrade_5_blanc { background-position: -1019px -471px; }
.fond_fdfefe .rond_vert_degrade_5_blanc { background-position: -1019px -520px; }
.fond_ffffff .rond_vert_degrade_5_blanc { background-position: -1019px -569px; }
.fond_054248 .rond_vert_degrade_diese_blanc { background-position: -1019px -618px; }
.fond_7ab800 .rond_vert_degrade_diese_blanc { background-position: -1019px -667px; }
.fond_e4e4e4 .rond_vert_degrade_diese_blanc { background-position: -1019px -716px; }
.fond_f2a90b .rond_vert_degrade_diese_blanc { background-position: -1019px -765px; }
.fond_f2f7e3 .rond_vert_degrade_diese_blanc { background-position: -1019px -814px; }
.fond_f48a36 .rond_vert_degrade_diese_blanc { background-position: -1019px -863px; }
.fond_f5fbe0 .rond_vert_degrade_diese_blanc { background-position: -1019px -912px; }
.fond_f8fafa .rond_vert_degrade_diese_blanc { background-position: -1019px -961px; }
.fond_fdfefe .rond_vert_degrade_diese_blanc { background-position: -1019px -1010px; }
.fond_ffffff .rond_vert_degrade_diese_blanc,
.btn .rond_vert_degrade_diese_blanc { background-position: -1019px -1059px; }
.fond_054248 .rond_vert_megaphone { background-position: -1019px -1108px; }
.fond_7ab800 .rond_vert_megaphone { background-position: -1019px -1158px; }
.fond_e4e4e4 .rond_vert_megaphone { background-position: -1019px -1208px; }
.fond_f2a90b .rond_vert_megaphone { background-position: -1019px -1258px; }
.fond_f2f7e3 .rond_vert_megaphone { background-position: -1019px -1308px; }
.fond_f48a36 .rond_vert_megaphone { background-position: -1019px -1358px; }
.fond_f5fbe0 .rond_vert_megaphone { background-position: -1019px -1408px; }
.fond_f8fafa .rond_vert_megaphone { background-position: -1019px -1458px; }
.fond_fdfefe .rond_vert_megaphone { background-position: -1019px -1508px; }
.fond_ffffff .rond_vert_megaphone,
.btn .rond_vert_megaphone { background-position: -1019px -1558px; }
.fond_054248 .rond_vert_telephone { background-position: -1019px -1608px; }
.fond_7ab800 .rond_vert_telephone { background-position: -1019px -1658px; }
.fond_e4e4e4 .rond_vert_telephone { background-position: -1019px -1708px; }
.fond_f2a90b .rond_vert_telephone { background-position: -1019px -1758px; }
.fond_f2f7e3 .rond_vert_telephone { background-position: -1019px -1808px; }
.fond_f48a36 .rond_vert_telephone { background-position: -1019px -1858px; }
.fond_f5fbe0 .rond_vert_telephone { background-position: -1019px -1908px; }
.fond_f8fafa .rond_vert_telephone { background-position: -1019px -1958px; }
.fond_fdfefe .rond_vert_telephone { background-position: -1190px -30px; }
.fond_ffffff .rond_vert_telephone,
.btn .rond_vert_telephone { background-position: -1190px -80px; }
.fond_054248 .tchat { background-position: -1190px -130px; }
.fond_7ab800 .tchat { background-position: -1190px -172px; }
.fond_e4e4e4 .tchat { background-position: -1190px -214px; }
.fond_f2a90b .tchat { background-position: -1190px -256px; }
.fond_f2f7e3 .tchat { background-position: -1190px -298px; }
.fond_f48a36 .tchat { background-position: -1190px -340px; }
.fond_f5fbe0 .tchat { background-position: -1190px -382px; }
.fond_f8fafa .tchat { background-position: -1190px -424px; }
.fond_fdfefe .tchat { background-position: -1190px -466px; }
.fond_ffffff .tchat,
.btn .tchat { background-position: -1190px -508px; }

.makeButton .telephone {
	background: url(themes/cma_v1/styles/../img/picto_rond_vert_telephone_sur_ffffff.png) no-repeat 8px center;
	padding-right: 28px;
	margin-right: -20px;
	margin-top: 1px;
}


/* Shortcuts */
.shortcuts {
	background-color: #fff;	
	color: #99cc33;
}
.shortcuts .content {
	padding-bottom: 0;
}
.shortcuts a:link,
.shortcuts a:visited {
	font-size: 1.1em;
	padding-left: 20px;
	margin: 0 10px;
}

.shortcuts .rappel {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(themes/cma_v1/styles/../img/picto_rappel.png);
}
.shortcuts .email {
	background-image: url(themes/cma_v1/styles/../img/bg_pictos.png);
	background-position: 0 -1688px;
}

.shortcuts strong.telephone {
	margin-left: 5px;
	font-size: 1.7em;
	line-height: 1.2em;
}

.shortcuts .content {
	padding: 3px 2px 7px 10px;
}
.search .content {
	padding: 7px 2px 5px 6px;
}
.ie6 .search .content,
.ie7 .search .content {
	padding-bottom: 7px;
}
.ie8 .search .content {
	padding-bottom: 10px;
}

.search .hidden {
	position: absolute;
	left: -9999em;
	top: 0;
}
.search input.image {
	vertical-align: text-bottom;
}
.search input.text {
	border-color: #ccc;
}


/* Bloc petites actus dans le contenu principal sur la home */
.petites_actus {
	background-color: #f8fafa;
}
.petites_actus .content {
	padding: 0 20px 10px 22px;
}

.petites_actus h3 {
	color: #666;
	font-size: 1em;
	font-weight: bold;
}

.petites_actus h3,
.petites_actus img {
	margin: 0 0 1em;
}

.petites_actus h4 {
	padding: 0 0 .5em .5em;
	border-bottom: 1px dashed #7ab800;
	background: url(themes/cma_v1/styles/../img/puce.png) no-repeat left 0.5em;
}

.petites_actus a:link,
.petites_actus a:visited {
	display: block;
}


/* Bloc edito sur fond orange, avec personnage incruste */
.edito h2,
.edito h3,
.edito p,
.edito form,
.edito table {
	color: #fff;
}

.edito {
	background-color: #f48a36;	
}

.edito .illustration3d { /* Le personnage de droite */
	background: url(themes/cma_v1/styles/../img/bg_edito_illustration3d.png) no-repeat right bottom;
	position: absolute;
	right: 0;
	bottom: -9px !important;
	bottom: -10px;
	height: 199px;
	width: 93px;
}

.edito .content {
	position: relative;
	height: auto !important;
	height: 220px;
	min-height: 220px;
	padding-right: 80px;
}

.edito h2 {
	margin-right: -70px;
	background: url(themes/cma_v1/styles/../img/bg_edito_titre.png) no-repeat left bottom;
}

/* Bloc produit a fond vert et coins arrondis */
.produits h2,
.produits h3,
.produits p,
.produits form,
.produits table {
	color: #fff;
}

.produits a:link,
.produits a:visited {
	color: #000;
}
.produits {
	background-color: #7ab800;
}
.produits h2,
.produits h3 {
	background: url(themes/cma_v1/styles/../img/bg_produits_titre.png) no-repeat left bottom;
}

/* Bloc video */
.video {
	background-color: #e4e4e4;
}

.video h2,
.video h3 {
	color: #96bf0d;
}
.video h3,
.video p,
.video form,
.video table {
	color: #000;
}

/* Bloc agenda, blanc, coins arrondis */

.agenda {
	background-color: #fefefe;
}

.agenda h2,
.agenda h3 {
	color: #96bf0d;
	background: url(themes/cma_v1/styles/../img/bg_agenda_titre.png) no-repeat left bottom;
}
.agenda h4,
.agenda p,
.agenda form,
.agenda table {
	color: #000;
}

#footer {
	clear: both;
}

/* Bloc du footer avec logos AFAQ et Alptis */
.logos {
	background-color: #fdfefe;
}
.logos .alptis,
.logos .afaq {
	margin-top: 8px;
}
.honcode img {
	margin: 0 1em 0;
	vertical-align: top;
	float: left;
}

/* Bloc du footer avec navigation complementaire en ligne */
.nav_bottom {
	background-color: #fdfefe;
}

.nav_bottom .content {
	padding: 1.2em;
	text-align: center;
	color: #006871;
}

.nav_bottom a:link,
.nav_bottom a:visited {
	padding: .5em;
}


/* @lightbox : Pseudo fenetre modale en javascript */
/**************************************************/
#TB_overlay {
	background: #fff !important;
	opacity: 0.8 !important;
}
#TB_ajaxContent {
	padding: 0 !important;
}

#TB_window img {
	border: none !important;
	display: inline !important;
	margin: 0 !important;
}

#TB_window .container {
	width: 100%;
}

/* @onglets */
/**************************************************/
.onglets {
	margin: 0;
	position: relative;
	left: 10px;
	list-style-type: none;
}

.onglets li {
	float: left;
	overflow: hidden;
}
.onglets a.current,
.onglets a:link,
.onglets a:visited {
	color: #fff;
	font-weight: bold;
	display: block;
	width: 74px;
	padding: 6px 0;
	background: url(themes/cma_v1/styles/../img/bg_onglets_souscription_sprites.png) no-repeat left -100px;
}
.onglets a.current {
	text-decoration: none;
	cursor: default;
}

.onglets a.current,
.onglets a.current,
.onglets a:hover,
.onglets a:focus {
	color: #00852c;
	background-position: left top;
}

.onglets a span {
	display: block;
	text-align: center;
	height: auto !important;
	height: 36px;
	min-height: 36px;
	padding: 0 4px;
}

.bg_profil_home {
	height: auto !important;
	height: 350px;
	min-height: 350px;
	background: #ffffff url(themes/cma_v1/styles/../img/bg_profil_home.png) no-repeat left bottom;
}
.profil {
	color: #054248;
}
.profil .caption {
	background: url(themes/cma_v1/styles/../img/bg_span_5_caption.png) no-repeat center bottom;
}
.profil ul {
	list-style: none none;
	margin: 0;
}
.profil li strong {
	display: block;
}
.choisirCMA {
	background-color: #fcfdfd;
	color: #006871;
}
.choisirCMA .caption {
	color: #9c3;
}


/* @table.compact */
/**************************************************/
table.compact td {
	padding: 0;
}

table.smallPadding td {
	padding: 0;
	padding-top: 2px;
}

/* @actions : tableau avec liste d'actions en colonnes */
/**************************************************/
td.action {
	vertical-align: middle;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 20px;
}

td.action a:link,
td.action a:visited {
	display: block;
}

.CopixTable td.action,
.CopixVerticalTable td.action {
	border-width: 0;
}

/* @remboursement : tableau des remboursements */
/**************************************************/
form.remboursement {
	float: left;
}

#prevOnglet a,
#nextOnglet a {
	background: #fefefe url(themes/cma_v1/styles/../img/bg_remboursement_onglets.png) no-repeat left top;
	display: block;
	height: 54px;
	left: 46px;
	overflow: hidden;
	position: relative;
	top: -1px;
	width: 120px;
	color: #006871;
	text-decoration: none;
}
#nextOnglet a {
	background-position: -120px top;
	left: -16px;
}
#prevOnglet span,
#nextOnglet span {
	display: block;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

.remboursement .offre h2 {
	color: #000;
	font-size: 1.4em;
	text-align: center;
	background: url(themes/cma_v1/styles/../img/bg_remboursement_caption.png) no-repeat center bottom;
}
.remboursement .highlight h2 {
	color: #fff;
	text-align: center;
	background: none;
}
.remboursement .highlight h2 img {
	display: inline;
}
.remboursement .offre h2,
.remboursement .offre p,
.remboursement .offre ul,
.remboursement .highlight h2,
.remboursement .highlight p,
.remboursement .highlight ul {
	margin-top: 0;
	margin-bottom: 0;
}
.remboursement .offre h2 {
	margin: 0 -20px;
}
.remboursement .coupdecoeur h2 {
	color: #fff;
}
.remboursement .highlight .subtitle {
	margin: 0 -10px;
	text-align: center;
}
.remboursement .offre .content p {
	text-align: center;
}
.remboursement p.product {
	margin: 0.5em 0;
	text-align: center;
}

.remboursement .header img.illustration {
	display: block;
	margin: 1em auto;
	border: none;
}
p.tarif {
	font-size: 1.55em;
	/* Hauteur minimum, pour que le tarif ne saute pas apres chargement ajax */
	height: auto !important;
	height: 25px;
	min-height: 25px;
	text-align: center;
    padding-bottom: 10px;
}

.remboursement .footer .tarif strong {
	display: block;
	padding-top: 20px;
}

a.button {
	background-repeat: no-repeat;
	background-position: left 14px;
	color: #7ab800;
	display: block;
	font-weight: bold;
	height: 26px;
	padding-top: 4px;
	width: 134px;
	margin: auto;
}
p.center a.inline {
    display: inline-block;
}
.remboursement img.illustration {
	display: block;
	text-align: center;
	margin: 0 auto;
    border:none;
}

.remboursement table {
	background: #fff;
	margin-bottom: 0;
}

col.th {
	width: 160px;
}
.ie6 col.th {
	width: 145px;
}
col.product {
	width: 160px ;
	background: url(themes/cma_v1/styles/../img/bg_span_4_bloc.png) repeat-y top left;
}
col.last {
	width: 150px;
}
col.highlight {
	width: 230px;
	background: url(themes/cma_v1/styles/../img/bg_span_6_coupdecoeur.png) repeat-y -233px top;
}
.display_3 col.th {
	width: 197px;
}
.ie6 .display_3 col.th {
	width: 182px;
}
.display_1 col.th {
	width: 240px;
}
.ie6 .display_1 col.th {
	width: 200px;
}
col.elementHidden {
	background: none;
}

.remboursement th,
.remboursement td {
	text-align: right;
}

.remboursement td.white {
    background: #fff;
    border: none;
}
.remboursement .thead th {
	background: #00afc8;
	color: #fff;
	font-weight: bold;
	font-size: 1.24em;
	border-width: 0;
	border-bottom: 1px solid #5cccdc;
	text-align: left; 
	border-right: 1px solid #ddd;
}
.remboursement th.thead2 {
    background:#5CCCDC;
    font-size: small;
}
.remboursement th {
	font-weight: normal;
	border-bottom-width: 0;
	border-left: 1px solid #f0f0f0;
}

.remboursement th.caption {
	background-color: #054248;
	text-align: center;
}
.remboursement .more th {
	border: none;
}

.more a {
	background: url(themes/cma_v1/styles/../img/bg_morelinks.png) no-repeat left center;
	padding-left: 8px;
}

.remboursement .tooltiplink img {
	vertical-align: bottom;
}

.depense input {
	border-color: #b5cf57;
	background: #e0ecb2;
	text-align: right;
	margin-top: 0;
	color: #000;
}

.depense th,
.depense td,
.priseencharge th,
.priseencharge td {
	padding: 2px 10px 2px 5px;
	border-bottom: 1px solid #cae284;
}
.reste th,
.reste td {
	border-bottom: 1px dashed #cae284;
}

.reste {
	margin-top: -2px;
}
.priseencharge td span.underline {
	border-bottom: 6px double #146975;
}

.remboursement .bloc {
	margin-bottom: 0;
}

.remboursement td.highlight {
	background: none;
	padding-right: 45px;
}

.depense td {
	padding-bottom: 0.5em;
}
.depense td input.text {
	margin-bottom: 0;
	margin-top: 0.2em;
}
.remboursement .span-6 .offre .top,
.remboursement .span-6 .offre .bloc,
.remboursement .span-6 .offre .bottom {
	background-image: url(themes/cma_v1/styles/../img/bg_span_6_proposition.png);
	background-color: #fefefe;
}
.remboursement .span-4 .offre .top,
.remboursement .span-4 .offre .bloc,
.remboursement .span-4 .offre .bottom {
	background-image: url(themes/cma_v1/styles/../img/bg_span_4_proposition.png);
	background-color: #fefefe;
}
.remboursement .span-8 .highlight .top,
.remboursement .span-8 .highlight .bloc,
.remboursement .span-8 .highlight .bottom {
	background-image: url(themes/cma_v1/styles/../img/bg_span_8_coupdecoeur.png);
	background-color: #fefefe;
}
.remboursement .span-6 .highlight .top,
.remboursement .span-6 .highlight .bloc,
.remboursement .span-6 .highlight .bottom {
	background-image: url(themes/cma_v1/styles/../img/bg_span_6_coupdecoeur.png);
	background-color: #fefefe;
}
.offre .top {
	height: 83px;
	margin-top: -2px;
}
.remboursement .content {
	padding-left: 8px;
	padding-right: 8px;
}
.remboursement .header .content {
	margin-top: -75px;
	height: 100%; /* Corrige le peekaboo sur les boutons et l'arriere-plan du h2 dans IE6 */
}
.remboursement .highlight .content {
	margin-top: -105px;
	padding-left: 47px;
	padding-right: 47px;
}
.remboursement .footer .highlight .content {
	margin-top: 0;
}
.remboursement .highlight .top {
	height: 118px;
	margin-top: -6px;
}
.remboursement .min-height {
    min-height: 480px;
}


/* Pour aligner les boutons en bas, on s'assure que les plus produit font une taille identique. Si trop long, l'alignement est perdu par contre... */
.plusproduit {
	height: auto !important;
	height: 24em;
	min-height: 26em;
}
.plusproduit ul {
	list-style: none none;
	margin: 0 10px;
}
.coupdecoeur .plusproduit ul {
	margin: 0 30px;
}
.plusproduit li {
	margin-bottom: 0.2em;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #ccc;
}
.plusproduit li.last {
	border-bottom: none;
}
.plusproduit li:last-child {
	border-bottom: none;
}
.remboursement .bottom {
	height: 16px;
}
.display_1 .offre .top {
	height: 118px;
	margin-top: -6px;
}
.display_1 .header .content {
	margin-top: -105px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 24px;
	padding-right: 24px;
}
.remboursement .bottom {
	background-color: transparent !important;
}

.remboursement .description h2 {
	line-height: 1.133em;
	margin-bottom: 1em;
}

.remboursement #caption {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1.167em;
	font-weight: bold;
}

/* @breadcrumbs : Fil d'ariane classique
	HTML :
	<ul class="breadcrumbs">
		<li class="first">Etape 1</li>
		<li>Etape 2</li>
		<li>Etape 3</li>
	</ul>
	Penser à interrompre le flottement apres la liste, ou a utiliser class="breadcrumbs clearfix"
*/
/**************************************************/
.breadcrumbs {
	margin-left: 0;
	margin-bottom: 0.5em;
	color: #054248; 
}
.breadcrumbs a:link,
.breadcrumbs a:visited {
	text-decoration: none;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus {
	color: #97c41d;
	text-decoration: underline;
}

/* @breadcrumbEtapes : Fil d'ariane sur fleche
	HTML :
	Utilisateur sur la 1ere etape, aucune n'est cliquable
	<ul class="breadcrumbEtapes">
		<li class="first"><span class="current">Etape 1</span></li>
		<li><span>Etape 2</span></li>
		<li><span>Etape 3</span></li>
	</ul>
	Utilisateur sur la 3eme etape, les precedentes sont cliquables
	<ul class="breadcrumbEtapes">
		<li class="first"><a href="#">Etape 1</a></li>
		<li><a href="#">Etape 2</a></li>
		<li><span class="current">Etape 3</span></li>
		<li><span>Pas un lien</span></li>
	</ul>
*/
/**************************************************/
.breadcrumbEtapes {
	list-style: none none;
	margin-left: 0;
	height: 38px;
}

.breadcrumbEtapes li {
	float: left;
	width: 147px;
	height: 30px;
	margin-left: -8px;
}
.breadcrumbEtapes .first {
	margin-left: 0;
}
.breadcrumbEtapes span,
.breadcrumbEtapes a:link,
.breadcrumbEtapes a:visited {
	font-weight: bold;
	display: block;
	padding: 6px 15px 6px 21px;
	color: #fff;
	background: url(themes/cma_v1/styles/../img/bg_souscription_breadcrumbs.png) no-repeat left top;
}
.breadcrumbEtapes a:link,
.breadcrumbEtapes a:visited {
	text-decoration: underline;
}
.breadcrumbEtapes a:hover,
.breadcrumbEtapes a:focus,
.breadcrumbEtapes span.current,
.breadcrumbEtapes a.current:link,
.breadcrumbEtapes a.current:visited {
	color: #97c41d;
	background-position: left -100px;
}
.breadcrumbEtapes .first span,
.breadcrumbEtapes .first a:link,
.breadcrumbEtapes .first a:visited {
	padding-left: 9px;
	background-position: left -200px;
}
.breadcrumbEtapes .first span.current,
.breadcrumbEtapes .first a.current:link,
.breadcrumbEtapes .first a.current:visited,
.breadcrumbEtapes .first a:hover,
.breadcrumbEtapes .first a:focus {
	color: #97c41d;
	background-position: left -300px;
}

/* @saisie : formulaire de saisie des renseignements */
/*****************************************************/
.saisie {
	background: #f2f7e3 url(themes/cma_v1/styles/../img/bg_form_saisie.png) repeat-x left top;
}
.saisie form hr {
	color: #d6e59d;
	background: url(themes/cma_v1/styles/../img/bg_separateur_souscription.png) no-repeat center top;
}
/* Parce que form .error retire les margin, y compris sur les div span-X */
form div.error {
	margin-right: 10px;
}
	
.saisie .bg_forms_light {
	height: 100%; /* Corrige le peekaboo sur IE6 */
	background: #f8fce9 url(themes/cma_v1/styles/../img/bg_forms_light.png) repeat-x left top;
}
.saisie .bg_forms_light .bloc {
	margin-bottom: 0;
}

.saisie h2.formtitle,
.saisie h2.h1,
.saisie h1 {
	color: #054248;
	line-height: 1.2;
	font-size: 1.667em;
	font-weight: normal;
	margin: 4px 0 4px 4px;
	padding: 0;
}
.saisie h2.formtitle {
	color: #fff;
}
.souscription .saisie h1,
.devisparmail h2.h1,
.devisparmail h1,
.smoothbox h1 {
	color: #fff;
}
.smoothbox .success h1 {
	color: #264409;
}
.saisie legend,
.saisie h2,
.saisie p.formheading,
.h2 {
	color: #96bf0d;
	font-weight: bold;
	font-size: 1.25em;
	margin-top: 0;
	margin-bottom: 0.5em;
	padding-top: 1em;
}
.saisie .enfants h2,
.saisie .enfants p.formheading {
	margin-bottom: 0.3em;
	line-height: 1;
}
.saisie .enfant legend {
	padding-top: 0;
}
.saisie .enfants select {
	margin-top: 0;
}
* html .saisie .span-4 h2 {
	padding-top: 0.2em;
}

.saisie .enfant {
	margin-bottom: 1em;
}
.saisie .content {
	border: 1px solid #fff;
	border-width: 0 1px;
	padding: 1px 5px 0;
	margin: 0 1px;
}
.saisie .content .content {
	padding: 0 8px;
	border: none;
}
.saisie .interieur {
	height: 100%; /* Corrige le peekaboo sur IE6 */
	padding: 5px 0 5px 12px;
	margin: 0;
	background: #f2f7e3 url(themes/cma_v1/styles/../img/bg_form_saisie_interieur.png) no-repeat left top;
}

.ie8 .saisie .interieur {
	margin-top: -5px;
}
.rappel .interieur {
	padding-left: 8px;
}
.span-23 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_23_form_saisie_interieur.png);
}
.span-22 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_22_form_saisie_interieur.png);
}
.span-21 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_21_form_saisie_interieur.png);
}
.span-20 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_20_form_saisie_interieur.png);
}
.span-19 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_19_form_saisie_interieur.png);
}
.span-18 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_18_form_saisie_interieur.png);
}
.span-17 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_17_form_saisie_interieur.png);
}
.span-16 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_16_form_saisie_interieur.png);
}
.span-15 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_15_form_saisie_interieur.png);
}
.span-14 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_14_form_saisie_interieur.png);
}
.span-13 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_13_form_saisie_interieur.png);
}
.span-12 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_12_form_saisie_interieur.png);
}
.span-11 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_11_form_saisie_interieur.png);
}
.span-10 .saisie .interieur {
	background-image: url(themes/cma_v1/styles/../img/bg_10_form_saisie_interieur.png);
}
.saisie .error p {
	padding: 0 10px 5px;
}
.saisie .notice {
	background-color: transparent;
}

.saisie .span-8 input.text,
.saisie .span-8 textarea {
	width: 148px;
}

.saisie .span-12 input.text,
.saisie .span-12 textarea {
	width: 198px;
}

.saisie .span-13 input.text,
.saisie .span-13 textarea {
	width: 268px;
}

.souscription .span-13 input.text,
.souscription .span-13 textarea {
	width: 250px;
}

.saisie .span-5 input.text,
.saisie .span-5 textarea {
    width: 120px;
}

.saisie .span-6 input.text,
.saisie .span-6 textarea {
	width: 130px;
}

.saisie .span-4 input.text,
.saisie .span-4 textarea {
	width: 115px;
}

#type_demande li {
	display: inline;
}
#type_demande label {
	padding-left: 2em;
	display: block;
}
#type_demande input {
	margin-left: -1.5em;
}
#type_demande label:hover {
	border: none;
}
#type_simple {
	margin-bottom: 1.5em;
}

/* @rounded : bloc vert a bord arrondi */
.rounded {
	margin: 0 0 1em;
	padding: 0;
	background-color: #acc944;
}
.rounded h2,
.rounded a:link,
.rounded a:visited {
	color: #fff;
}
.rounded .error h2 {
	background: url(themes/cma_v1/styles/../img/img_picto_warning.png) no-repeat left top;
	padding-left: 22px;
	padding-top: 0;
	height: auto !important;
	height: 22px;
	min-height: 22px;
}

.rounded .error {
	margin: 0 1px;
}
.rounded .error ul {
	margin-bottom: 0;
}

.saisie .label {
	text-align: right;
}
.help {
	font-style: italic;
}
hr.section {
	height: 1px;
	background: url(themes/cma_v1/styles/../img/bg_separateur_hr.png) repeat-y center top;
}

.saisie p.submit {
	padding-top: 12px;
}
html>body .saisie p.submit {
	margin-bottom: 14px;
}

/* @expert : curseurs du systeme expert */
/**************************************************/
/* Override styles slider pour mettre le label, le slider et le texte sur une meme ligne */
.expert .content {
	position: relative;
	height: auto !important;
	height: 82px;
	min-height: 82px;
}

#containertarif .content {
	height: auto;
	min-height: 0;
}
.expert hr.section {
	margin: 0 0 5px;
}

.expert select {
	margin-top: 2em;
}

.expert .slider_parent {
	width: 219px;
	position: absolute;
	top: 2em;
	left: .5em;
	margin: 0;
}

.expert .slider_title {
	margin: -1em 0 0 225px;
}

.expert .knob {
	border: none;
	background: url(themes/cma_v1/styles/../img/slider_knob.png) no-repeat left bottom;
	width: 11px;
	height: 17px;
	top: 22px;
}
.expert .knob:focus,
.expert .knob:hover {
	border: 1px solid;
	background: url(themes/cma_v1/styles/../img/slider_knob.png) no-repeat left bottom;
}

.expert .slider {
	background: url(themes/cma_v1/styles/../img/slider_priorites.png) no-repeat scroll left top;
	border: none;
	height: 39px;
}

.expert .begin_value,
.expert .end_value,
.expert .span_tic {
	border: 0;
	bottom: -17px;
	left: 0;
	height: auto;
	width: auto;
	position: absolute;
	font-weight: bold;
	z-index: 1;
	background: none;
}
.expert .span_tic {
	width: 11px;
	height: 25px;
	bottom: -12px;
}

.expert .begin_value {
	right: auto;
	left: 2px;
}

.expert .end_value {
	right: 2px;
	left: auto;
}

.expert .tool_tip {
	top: 0;
	width: auto;
	border: none;
	padding: 0 0 0 1px;
	text-align: center;
	background: none;
	color: #fff;
	display: none !important;
}

/* @dossier : Template dossier */
/**************************************************/
.dossier h1 {
	color: #96bf0d;
}

.dossier h2 {
	margin-top: .5em;
	margin-bottom: 0;
	color: #006871;
}
.dossier .date {
	font-size: 0.833em; /* 10px */
	color: #7b7b7b;
}

.dossier .bloc {
/*	background-color: #fdfefe;*/
}

a:link .button,
a:visited .button {
	float: left;
	display: block;
	width: 108px;
	padding: 2px 0;
	text-align: center;
	background: #fff url(themes/cma_v1/styles/../img/bt_blanc_carre_arrondi_sur_ffffff.png) no-repeat left top;
}

.menu {
	padding-top: 0.5em;
	margin-left: 0;
}

.menu li {
	clear: both;
	margin: 0.5em 0;
	list-style: none none;
	border-bottom: 1px dotted #b3b3b3;
}
.menu li.last {
	border-bottom: none;
}
.menu li:last-child {
	border-bottom: none;
}

.menu a:hover,
.menu a:focus {
	color: #97c41d;
	text-decoration: none;
}
.menu a:link .button,
.menu a:visited .button {
	width: 61px;
	color: #fff;
	font-weight: bold;
	border-right: 10px solid #fff;
	background-image: url(themes/cma_v1/styles/../img/bt_bleu_carre_arrondi_sur_ffffff.png);
}
.menu a:hover .button,
.menu a:focus .button,
.menu a.current .button {
	color: #97c41d;
	background-image: url(themes/cma_v1/styles/../img/bt_blanc_carre_arrondi_court_sur_ffffff.png);
}

/* @carrousel : liste de liens vers des articles en rotation
	HTML : 
	<ul class="carrousel" id="carrousel">
		<li>Mon contenu 1</li>
		<li>Mon contenu 2</li>
		<li>Mon contenu 3</li>
	</ul>
	Javascript :
	var carrousel = new Carrousel('carrousel',{speed:500,delay:2000,effect:'cube'});
*/
/*************************************************************/
ul.carrousel {
	margin: 0;
	list-style: none none;
}


/* @Colors :
	l'attribut class ne peut pas commencer par un chiffre, on prefixe donc par 'fond_'
*/
/**************************************************************/
.fond_ffffff { background-color: #ffffff; }
.fond_054248 { background-color: #054248; }
.fond_7ab800 { background-color: #7ab800; }
.fond_e4e4e4 { background-color: #e4e4e4; }
.fond_f2a90b { background-color: #f2a90b; }
.fond_f2f7e3 { background-color: #f2f7e3; }
.fond_f48a36 { background-color: #f48a36; }
.fond_f5fbe0 { background-color: #f5fbe0; }
.fond_f8fafa { background-color: #f8fafa; }
.fond_c0d56c { background-color: #c0d56c; }
.fond_fcfbfb { background-color: #fcfbfb; }

.fond_054248,
.fond_f2a90b,
.fond_7ab800,
.fond_f48a36,
.fond_7ab800 h2, .fond_7ab800 h3, .fond_7ab800 .caption,
.fond_c0d56c h2, .fond_c0d56c h3, .fond_c0d56c .caption,
.fond_f2a90b h2, .fond_f2a90b h3, .fond_f2a90b .caption,
.fond_f48a36 h2, .fond_f48a36 h3, .fond_f48a36 .caption {
	color: #fff;
}

/* @degrades : fonds en degrade de couleur */
/**************************************************************/
.degrade_ffffff_f8fafa {
	background: #f8fafa url(themes/cma_v1/styles/../img/bg_degrade_ffffff_f8fafa.png) repeat-x left top;
}
.degrade_ffffff_e4e4e4 {
	background: #e4e4e4 url(themes/cma_v1/styles/../img/bg_degrade_ffffff_e4e4e4.png) repeat-x left top;
}
.degrade_c0d56c_ffffff {
	background: #ffffff url(themes/cma_v1/styles/../img/bg_degrade_c0d56c_ffffff.png) repeat-x left top;
}

.degrade_b0d500_ffffff {
	background: #ffffff url(themes/cma_v1/styles/../img/bg_degrade_b0d500_ffffff.png) repeat-x left top;
}
.degrade_f8f6f6_ffffff {
    background-image: -moz-linear-gradient(top, #f8f6f6, #ffffff); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f6f6),color-stop(1, #ffffff)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f6f6', EndColorStr='#ffffff'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f6f6', EndColorStr='#ffffff')"; /* IE8 */
}

/* Boutons exemples de remboursement */
/***************************************/
a.bt_devis:link,
a.bt_devis:visited,
a.bt_contact:link,
a.bt_contact:visited,
a.bt_ecrire:link,
a.bt_ecrire:visited,
a.bt_souscrire:link,
a.bt_souscrire:visited,
a.bt_obtenir_tarif:link,
a.bt_obtenir_tarif:visited {
	background-position: left top;
	width: 106px;
	text-align: left;
	color: #fff;
	padding-left: 27px;
	position: relative;
	overflow: visible;
}

a.bt_devis:link,
a.bt_devis:visited { background-image: url(themes/cma_v1/styles/../img/bt_devis.png); }
a.bt_contact:link,
a.bt_contact:visited { background-image: url(themes/cma_v1/styles/../img/bt_contact.png); }
a.bt_ecrire:link,
a.bt_ecrire:visited { background-image: url(themes/cma_v1/styles/../img/bt_ecrire.png); }
a.bt_souscrire:link,
a.bt_souscrire:visited { background-image: url(themes/cma_v1/styles/../img/bt_souscrire.png); }
a.bt_obtenir_tarif:link,
a.bt_obtenir_tarif:visited { background-image: url(themes/cma_v1/styles/../img/bt_obtenir_tarif.png); }

.rollover_souscrire {
	position: relative;
	height: 1%;
	left: -18px;
	margin-top: 1px;
}
.display_1 .rollover_souscrire {
	left: -3px;
}
.rollover_souscrire img {
	position: absolute;
	left: 27px;
	top: -100px;
	display: none;
	z-index: 100;
}

.offre .over img,
.rollover_souscrire:hover img,
.rollover_souscrire a:hover img,
.rollover_souscrire a:focus img {
	display: block;
	outline: 0;
}


/* Bloc d'infos */
/***************************************/
.bloc_telephone{
	font-size: 2em;
	color: #fff;
	margin: 0.7em 0 0.5em;
	padding-bottom: 0.2em;
	background: url(themes/cma_v1/styles/../img/bg_produits_titre.png) no-repeat center bottom;
}
.bloc_telephone a:link,
.bloc_telephone a:visited {
	color: #fff;
}

span.elementHidden, div.elementHidden, a.elementHidden{
	visibility:hidden; /*necessaire pour certains masquages*/
}

.noBackground{
	background: transparent !important;
}

.align_bottom{
	vertical-align: bottom; /*necessaire pour certains champs de texte*/
}

#prev h2 {
	padding-bottom: 1.5em; /* Necessaire si le titre ne fait qu'une ligne */
	color: #006871;
}
#next h2 {
	padding-bottom: 0.5em; /* Necessaire si le titre ne fait qu'une ligne */
	color: #006871;
}

/*	@referencement : texte et liens pour le referencement */
/*************************************************************/
.header_referencement,
.footer_referencement {
	background-color: #04454b;
	color: #e0e0e0;
	font-size: 0.833em;
	padding: 5px;
	margin-bottom: 1px;
}

.header_referencement a:link,
.header_referencement a:visited,
.footer_referencement a:link,
.footer_referencement a:visited {
	color: #f8fafa;
}

/*	@plansite : Bloc contenant le plan du site */
/*************************************************************/
.plansite {
    padding-top: 5px;
}
.plansite p {
	font-size: 1.333em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
	font-family: Verdana,"DejaVu Sans","Bitstream Vera Sans",Geneva,sans-serif;
}
.plansite ul {
	list-style: none none;
	margin-left: 0;
}
.plansite ul li span {
	font-family: Verdana,"DejaVu Sans","Bitstream Vera Sans",Geneva,sans-serif;
    font-size: 1.333em;
    font-weight: bold;
    line-height: 1em;
    padding-bottom: 5px;
    display: block;
    color: #006871;
}
.plansite .span-5 {
    border-right: 1px solid #ccc;
    width: 190px;
    margin-right: 15px;
    padding-left: 10px;
    height: 135px;
    margin-bottom: 5px;
}
.plansite .alptis {
    line-height:1.2em;
}
.plansite .span-7 {
    margin-bottom: 5px;
}
/*	@btn : boutons etirables avec coins arrondis, bordure, detoures
	Code original sur http://www.jorkas.com/lab/css/rounded_button/
	Ils peuvent faire jusqu'à 500px de large.
	Pour les centrer, centrer le bloc les contenant (par exemple avec p class="center")
	HTML :
	<div class="fond_ffffff">
		[...]
		<p class="center">
			<a href="#" class="btn">Texte</a>
			ou
			<button type="submit" class="btncontainer">
				<span class="btn">
					<span>bouton</span>
				</span>
			</button>
		</p>
		[...]
	</div>
*/
/*************************************************************/
button.btncontainer {
	/*overflow: hidden;*/
	border: none;
	margin: 0 -2px;
	padding: 0;
	background: none;
	text-align: left;
	cursor: pointer;
}
.submit button.btncontainer {
    text-align: center;
    width:100%;
}
.btn {
	cursor: pointer;
	margin: 0 auto;
	padding-right: 15px;
	white-space: nowrap;
	text-decoration: none;
	background: url(themes/cma_v1/styles/../img/btn_sprite.png) no-repeat right 0;
	vertical-align: middle;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box;  /*ff*/
}

.btn .btn2 {
	background: url(themes/cma_v1/styles/../img/btn_sprite.png) no-repeat left 0;
	height: 30px;
	line-height: 30px;
	display: block;
	display: inline-block;
	padding-left: 13px;
	font-weight: bold;
}
.btn,
.blanc_arrondi,
.blanc_carre { color: #7ab800 !important; }
.vert_arrondi,
.vert_carre,
.bleu_arrondi,
.bleu_carre,
.bleu_arrondi_degrade,
.bleu_carre_degrade,
.vert_arrondi_degrade,
.vert_carre_degrade { color: #fff !important; }


.fond_f48a36 .btn,
.fond_f48a36 .blanc_arrondi					{ background-position: right	0px; }
.fond_f48a36 .btn .btn2,
.fond_f48a36 .blanc_arrondi .btn2			{ background-position: left		0px; }
.fond_f48a36 .blanc_carre					{ background-position: right	-30px; }
.fond_f48a36 .blanc_carre .btn2				{ background-position: left		-30px; }
.fond_f48a36 .vert_arrondi					{ background-position: right	-60px; }
.fond_f48a36 .vert_arrondi .btn2				{ background-position: left		-60px; }
.fond_f48a36 .vert_carre					{ background-position: right	-90px; }
.fond_f48a36 .vert_carre .btn2				{ background-position: left		-90px; }
.fond_f48a36 .bleu_arrondi					{ background-position: right	-120px; }
.fond_f48a36 .bleu_arrondi .btn2				{ background-position: left		-120px; }
.fond_f48a36 .bleu_carre					{ background-position: right	-150px; }
.fond_f48a36 .bleu_carre .btn2				{ background-position: left		-150px; }
.fond_f48a36 .bleu_arrondi_degrade			{ background-position: right	-180px; }
.fond_f48a36 .bleu_arrondi_degrade .btn2		{ background-position: left		-180px; }
.fond_f48a36 .bleu_carre_degrade			{ background-position: right	-210px; }
.fond_f48a36 .bleu_carre_degrade .btn2		{ background-position: left		-210px; }
.fond_f48a36 .vert_arrondi_degrade			{ background-position: right	-240px; }
.fond_f48a36 .vert_arrondi_degrade .btn2		{ background-position: left		-240px; }
.fond_f48a36 .vert_carre_degrade			{ background-position: right	-270px; }
.fond_f48a36 .vert_carre_degrade .btn2		{ background-position: left		-270px; }

.fond_f2a90b .btn,
.fond_f2a90b .blanc_arrondi 				{ background-position: right	-500px; }
.fond_f2a90b .btn .btn2,
.fond_f2a90b .blanc_arrondi .btn2		 	{ background-position: left		-500px; }
.fond_f2a90b .blanc_carre					{ background-position: right	-530px; }
.fond_f2a90b .blanc_carre .btn2				{ background-position: left		-530px; }
.fond_f2a90b .vert_arrondi					{ background-position: right	-560px; }
.fond_f2a90b .vert_arrondi .btn2				{ background-position: left		-560px; }
.fond_f2a90b .vert_carre					{ background-position: right	-590px; }
.fond_f2a90b .vert_carre .btn2				{ background-position: left		-590px; }
.fond_f2a90b .bleu_arrondi					{ background-position: right	-620px; }
.fond_f2a90b .bleu_arrondi .btn2				{ background-position: left		-620px; }
.fond_f2a90b .bleu_carre					{ background-position: right	-650px; }
.fond_f2a90b .bleu_carre .btn2				{ background-position: left		-650px; }
.fond_f2a90b .bleu_arrondi_degrade			{ background-position: right	-680px; }
.fond_f2a90b .bleu_arrondi_degrade .btn2		{ background-position: left		-680px; }
.fond_f2a90b .bleu_carre_degrade			{ background-position: right	-710px; }
.fond_f2a90b .bleu_carre_degrade .btn2		{ background-position: left		-710px; }
.fond_f2a90b .vert_arrondi_degrade			{ background-position: right	-740px; }
.fond_f2a90b .vert_arrondi_degrade .btn2		{ background-position: left		-740px; }
.fond_f2a90b .vert_carre_degrade			{ background-position: right	-770px; }
.fond_f2a90b .vert_carre_degrade .btn2		{ background-position: left		-770px; }

.fond_7ab800 .btn,
.fond_7ab800 .blanc_arrondi 				{ background-position: right	-1000px; }
.fond_7ab800 .btn .btn2,
.fond_7ab800 .blanc_arrondi .btn2		 	{ background-position: left		-1000px; }
.fond_7ab800 .blanc_carre					{ background-position: right	-1030px; }
.fond_7ab800 .blanc_carre .btn2				{ background-position: left		-1030px; }
.fond_7ab800 .vert_arrondi					{ background-position: right	-1060px; }
.fond_7ab800 .vert_arrondi .btn2				{ background-position: left		-1060px; }
.fond_7ab800 .vert_carre					{ background-position: right	-1090px; }
.fond_7ab800 .vert_carre .btn2				{ background-position: left		-1090px; }
.fond_7ab800 .bleu_arrondi					{ background-position: right	-1120px; }
.fond_7ab800 .bleu_arrondi .btn2				{ background-position: left		-1120px; }
.fond_7ab800 .bleu_carre					{ background-position: right	-1150px; }
.fond_7ab800 .bleu_carre .btn2				{ background-position: left		-1150px; }
.fond_7ab800 .bleu_arrondi_degrade			{ background-position: right	-1180px; }
.fond_7ab800 .bleu_arrondi_degrade .btn2		{ background-position: left		-1180px; }
.fond_7ab800 .bleu_carre_degrade			{ background-position: right	-1210px; }
.fond_7ab800 .bleu_carre_degrade .btn2		{ background-position: left		-1210px; }
.fond_7ab800 .vert_arrondi_degrade			{ background-position: right	-1240px; }
.fond_7ab800 .vert_arrondi_degrade .btn2		{ background-position: left		-1240px; }
.fond_7ab800 .vert_carre_degrade			{ background-position: right	-1270px; }
.fond_7ab800 .vert_carre_degrade .btn2		{ background-position: left		-1270px; }

.fond_c0d56c .btn,
.fond_c0d56c .blanc_arrondi 				{ background-position: right	-1500px; }
.fond_c0d56c .btn .btn2,
.fond_c0d56c .blanc_arrondi .btn2		 	{ background-position: left		-1500px; }
.fond_c0d56c .blanc_carre					{ background-position: right	-1530px; }
.fond_c0d56c .blanc_carre .btn2				{ background-position: left		-1530px; }
.fond_c0d56c .vert_arrondi					{ background-position: right	-1560px; }
.fond_c0d56c .vert_arrondi .btn2				{ background-position: left		-1560px; }
.fond_c0d56c .vert_carre					{ background-position: right	-1590px; }
.fond_c0d56c .vert_carre .btn2				{ background-position: left		-1590px; }
.fond_c0d56c .bleu_arrondi					{ background-position: right	-1620px; }
.fond_c0d56c .bleu_arrondi .btn2				{ background-position: left		-1620px; }
.fond_c0d56c .bleu_carre					{ background-position: right	-1650px; }
.fond_c0d56c .bleu_carre .btn2				{ background-position: left		-1650px; }
.fond_c0d56c .bleu_arrondi_degrade			{ background-position: right	-1680px; }
.fond_c0d56c .bleu_arrondi_degrade .btn2		{ background-position: left		-1680px; }
.fond_c0d56c .bleu_carre_degrade			{ background-position: right	-1710px; }
.fond_c0d56c .bleu_carre_degrade .btn2		{ background-position: left		-1710px; }
.fond_c0d56c .vert_arrondi_degrade			{ background-position: right	-1740px; }
.fond_c0d56c .vert_arrondi_degrade .btn2		{ background-position: left		-1740px; }
.fond_c0d56c .vert_carre_degrade			{ background-position: right	-1770px; }
.fond_c0d56c .vert_carre_degrade .btn2		{ background-position: left		-1770px; }

.fond_f5fbe0 .btn,
.fond_f5fbe0 .blanc_arrondi 				{ background-position: right	-2000px; }
.fond_f5fbe0 .btn .btn2,
.fond_f5fbe0 .blanc_arrondi .btn2		 	{ background-position: left		-2000px; }
.fond_f5fbe0 .blanc_carre					{ background-position: right	-2030px; }
.fond_f5fbe0 .blanc_carre .btn2				{ background-position: left		-2030px; }
.fond_f5fbe0 .vert_arrondi					{ background-position: right	-2060px; }
.fond_f5fbe0 .vert_arrondi .btn2				{ background-position: left		-2060px; }
.fond_f5fbe0 .vert_carre					{ background-position: right	-2090px; }
.fond_f5fbe0 .vert_carre .btn2				{ background-position: left		-2090px; }
.fond_f5fbe0 .bleu_arrondi					{ background-position: right	-2120px; }
.fond_f5fbe0 .bleu_arrondi .btn2				{ background-position: left		-2120px; }
.fond_f5fbe0 .bleu_carre					{ background-position: right	-2150px; }
.fond_f5fbe0 .bleu_carre .btn2				{ background-position: left		-2150px; }
.fond_f5fbe0 .bleu_arrondi_degrade			{ background-position: right	-2180px; }
.fond_f5fbe0 .bleu_arrondi_degrade .btn2		{ background-position: left		-2180px; }
.fond_f5fbe0 .bleu_carre_degrade			{ background-position: right	-2210px; }
.fond_f5fbe0 .bleu_carre_degrade .btn2		{ background-position: left		-2210px; }
.fond_f5fbe0 .vert_arrondi_degrade			{ background-position: right	-2240px; }
.fond_f5fbe0 .vert_arrondi_degrade .btn2		{ background-position: left		-2240px; }
.fond_f5fbe0 .vert_carre_degrade			{ background-position: right	-2270px; }
.fond_f5fbe0 .vert_carre_degrade .btn2		{ background-position: left		-2270px; }

.fond_f2f7e3 .btn,
.fond_f2f7e3 .blanc_arrondi 				{ background-position: right	-2500px; }
.fond_f2f7e3 .btn .btn2,
.fond_f2f7e3 .blanc_arrondi .btn2		 	{ background-position: left		-2500px; }
.fond_f2f7e3 .blanc_carre					{ background-position: right	-2530px; }
.fond_f2f7e3 .blanc_carre .btn2				{ background-position: left		-2530px; }
.fond_f2f7e3 .vert_arrondi					{ background-position: right	-2560px; }
.fond_f2f7e3 .vert_arrondi .btn2				{ background-position: left		-2560px; }
.fond_f2f7e3 .vert_carre					{ background-position: right	-2590px; }
.fond_f2f7e3 .vert_carre .btn2				{ background-position: left		-2590px; }
.fond_f2f7e3 .bleu_arrondi					{ background-position: right	-2620px; }
.fond_f2f7e3 .bleu_arrondi .btn2				{ background-position: left		-2620px; }
.fond_f2f7e3 .bleu_carre					{ background-position: right	-2650px; }
.fond_f2f7e3 .bleu_carre .btn2				{ background-position: left		-2650px; }
.fond_f2f7e3 .bleu_arrondi_degrade			{ background-position: right	-2680px; }
.fond_f2f7e3 .bleu_arrondi_degrade .btn2		{ background-position: left		-2680px; }
.fond_f2f7e3 .bleu_carre_degrade			{ background-position: right	-2710px; }
.fond_f2f7e3 .bleu_carre_degrade .btn2		{ background-position: left		-2710px; }
.fond_f2f7e3 .vert_arrondi_degrade			{ background-position: right	-2740px; }
.fond_f2f7e3 .vert_arrondi_degrade .btn2		{ background-position: left		-2740px; }
.fond_f2f7e3 .vert_carre_degrade			{ background-position: right	-2770px; }
.fond_f2f7e3 .vert_carre_degrade .btn2		{ background-position: left		-2770px; }

.fond_f8fafa .btn,
.fond_f8fafa .blanc_arrondi 				{ background-position: right	-3000px; }
.fond_f8fafa .btn .btn2,
.fond_f8fafa .blanc_arrondi .btn2		 	{ background-position: left		-3000px; }
.fond_f8fafa .blanc_carre					{ background-position: right	-3030px; }
.fond_f8fafa .blanc_carre .btn2				{ background-position: left		-3030px; }
.fond_f8fafa .vert_arrondi					{ background-position: right	-3060px; }
.fond_f8fafa .vert_arrondi .btn2				{ background-position: left		-3060px; }
.fond_f8fafa .vert_carre					{ background-position: right	-3090px; }
.fond_f8fafa .vert_carre .btn2				{ background-position: left		-3090px; }
.fond_f8fafa .bleu_arrondi					{ background-position: right	-3120px; }
.fond_f8fafa .bleu_arrondi .btn2				{ background-position: left		-3120px; }
.fond_f8fafa .bleu_carre					{ background-position: right	-3150px; }
.fond_f8fafa .bleu_carre .btn2				{ background-position: left		-3150px; }
.fond_f8fafa .bleu_arrondi_degrade			{ background-position: right	-3180px; }
.fond_f8fafa .bleu_arrondi_degrade .btn2		{ background-position: left		-3180px; }
.fond_f8fafa .bleu_carre_degrade			{ background-position: right	-3210px; }
.fond_f8fafa .bleu_carre_degrade .btn2		{ background-position: left		-3210px; }
.fond_f8fafa .vert_arrondi_degrade			{ background-position: right	-3240px; }
.fond_f8fafa .vert_arrondi_degrade .btn2		{ background-position: left		-3240px; }
.fond_f8fafa .vert_carre_degrade			{ background-position: right	-3270px; }
.fond_f8fafa .vert_carre_degrade .btn2		{ background-position: left		-3270px; }

.fond_fdfefe .btn,
.fond_fdfefe .blanc_arrondi 				{ background-position: right	-3500px; }
.fond_fdfefe .btn .btn2,
.fond_fdfefe .blanc_arrondi .btn2		 	{ background-position: left		-3500px; }
.fond_fdfefe .blanc_carre					{ background-position: right	-3530px; }
.fond_fdfefe .blanc_carre .btn2				{ background-position: left		-3530px; }
.fond_fdfefe .vert_arrondi					{ background-position: right	-3560px; }
.fond_fdfefe .vert_arrondi .btn2				{ background-position: left		-3560px; }
.fond_fdfefe .vert_carre					{ background-position: right	-3590px; }
.fond_fdfefe .vert_carre .btn2				{ background-position: left		-3590px; }
.fond_fdfefe .bleu_arrondi					{ background-position: right	-3620px; }
.fond_fdfefe .bleu_arrondi .btn2				{ background-position: left		-3620px; }
.fond_fdfefe .bleu_carre					{ background-position: right	-3650px; }
.fond_fdfefe .bleu_carre .btn2				{ background-position: left		-3650px; }
.fond_fdfefe .bleu_arrondi_degrade			{ background-position: right	-3680px; }
.fond_fdfefe .bleu_arrondi_degrade .btn2		{ background-position: left		-3680px; }
.fond_fdfefe .bleu_carre_degrade			{ background-position: right	-3710px; }
.fond_fdfefe .bleu_carre_degrade .btn2		{ background-position: left		-3710px; }
.fond_fdfefe .vert_arrondi_degrade			{ background-position: right	-3740px; }
.fond_fdfefe .vert_arrondi_degrade .btn2		{ background-position: left		-3740px; }
.fond_fdfefe .vert_carre_degrade			{ background-position: right	-3770px; }
.fond_fdfefe .vert_carre_degrade .btn2		{ background-position: left		-3770px; }

.fond_ffffff .btn,
.fond_ffffff .blanc_arrondi 				{ background-position: right	-4000px; }
.fond_ffffff .btn .btn2,
.fond_ffffff .blanc_arrondi .btn2		 	{ background-position: left		-4000px; }
.fond_ffffff .blanc_carre					{ background-position: right	-4030px; }
.fond_ffffff .blanc_carre .btn2				{ background-position: left		-4030px; }
.fond_ffffff .vert_arrondi					{ background-position: right	-4060px; }
.fond_ffffff .vert_arrondi .btn2				{ background-position: left		-4060px; }
.fond_ffffff .vert_carre					{ background-position: right	-4090px; }
.fond_ffffff .vert_carre .btn2				{ background-position: left		-4090px; }
.fond_ffffff .bleu_arrondi					{ background-position: right	-4120px; }
.fond_ffffff .bleu_arrondi .btn2				{ background-position: left		-4120px; }
.fond_ffffff .bleu_carre					{ background-position: right	-4150px; }
.fond_ffffff .bleu_carre .btn2				{ background-position: left		-4150px; }
.fond_ffffff .bleu_arrondi_degrade			{ background-position: right	-4180px; }
.fond_ffffff .bleu_arrondi_degrade .btn2		{ background-position: left		-4180px; }
.fond_ffffff .bleu_carre_degrade			{ background-position: right	-4210px; }
.fond_ffffff .bleu_carre_degrade .btn2		{ background-position: left		-4210px; }
.fond_ffffff .vert_arrondi_degrade			{ background-position: right	-4240px; }
.fond_ffffff .vert_arrondi_degrade .btn2		{ background-position: left		-4240px; }
.fond_ffffff .vert_carre_degrade			{ background-position: right	-4270px; }
.fond_ffffff .vert_carre_degrade .btn2		{ background-position: left		-4270px; }

.fond_e4e4e4 .btn,
.fond_e4e4e4 .blanc_arrondi 				{ background-position: right	-4500px; }
.fond_e4e4e4 .btn .btn2,
.fond_e4e4e4 .blanc_arrondi .btn2		 	{ background-position: left		-4500px; }
.fond_e4e4e4 .blanc_carre					{ background-position: right	-4530px; }
.fond_e4e4e4 .blanc_carre .btn2				{ background-position: left		-4530px; }
.fond_e4e4e4 .vert_arrondi					{ background-position: right	-4560px; }
.fond_e4e4e4 .vert_arrondi .btn2				{ background-position: left		-4560px; }
.fond_e4e4e4 .vert_carre					{ background-position: right	-4590px; }
.fond_e4e4e4 .vert_carre .btn2				{ background-position: left		-4590px; }
.fond_e4e4e4 .bleu_arrondi					{ background-position: right	-4620px; }
.fond_e4e4e4 .bleu_arrondi .btn2				{ background-position: left		-4620px; }
.fond_e4e4e4 .bleu_carre					{ background-position: right	-4650px; }
.fond_e4e4e4 .bleu_carre .btn2				{ background-position: left		-4650px; }
.fond_e4e4e4 .bleu_arrondi_degrade			{ background-position: right	-4680px; }
.fond_e4e4e4 .bleu_arrondi_degrade .btn2		{ background-position: left		-4680px; }
.fond_e4e4e4 .bleu_carre_degrade			{ background-position: right	-4710px; }
.fond_e4e4e4 .bleu_carre_degrade .btn2		{ background-position: left		-4710px; }
.fond_e4e4e4 .vert_arrondi_degrade			{ background-position: right	-4740px; }
.fond_e4e4e4 .vert_arrondi_degrade .btn2		{ background-position: left		-4740px; }
.fond_e4e4e4 .vert_carre_degrade			{ background-position: right	-4770px; }
.fond_e4e4e4 .vert_carre_degrade .btn2		{ background-position: left		-4770px; }

.fond_054248 .btn,
.fond_054248 .blanc_arrondi 				{ background-position: right	-5000px; }
.fond_054248 .btn .btn2,
.fond_054248 .blanc_arrondi .btn2		 	{ background-position: left		-5000px; }
.fond_054248 .blanc_carre					{ background-position: right	-5030px; }
.fond_054248 .blanc_carre .btn2				{ background-position: left		-5030px; }
.fond_054248 .vert_arrondi					{ background-position: right	-5060px; }
.fond_054248 .vert_arrondi .btn2				{ background-position: left		-5060px; }
.fond_054248 .vert_carre					{ background-position: right	-5090px; }
.fond_054248 .vert_carre .btn2				{ background-position: left		-5090px; }
.fond_054248 .bleu_arrondi					{ background-position: right	-5120px; }
.fond_054248 .bleu_arrondi .btn2				{ background-position: left		-5120px; }
.fond_054248 .bleu_carre					{ background-position: right	-5150px; }
.fond_054248 .bleu_carre .btn2				{ background-position: left		-5150px; }
.fond_054248 .bleu_arrondi_degrade			{ background-position: right	-5180px; }
.fond_054248 .bleu_arrondi_degrade .btn2		{ background-position: left		-5180px; }
.fond_054248 .bleu_carre_degrade			{ background-position: right	-5210px; }
.fond_054248 .bleu_carre_degrade .btn2		{ background-position: left		-5210px; }
.fond_054248 .vert_arrondi_degrade			{ background-position: right	-5240px; }
.fond_054248 .vert_arrondi_degrade .btn2		{ background-position: left		-5240px; }
.fond_054248 .vert_carre_degrade			{ background-position: right	-5270px; }
.fond_054248 .vert_carre_degrade .btn2		{ background-position: left		-5270px; }

/**************CALENDAR******************/
table.blue_calendar {
	background-color: #c0c0c0;
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	color: #000;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

.blue_calendar tr {
	border: 1px solid #c0c0c0;
}
.blue_calendar td {
	margin: 0;
	padding: 0;
	width: auto;
	text-align: center;
	border: 1px solid #c0c0c0;
	background-color: #fff;
}

.blue_calendar td.calendar_header {
	font-weight:bold;
	padding: 2px;
	border: none;
}

.blue_calendar td.calendar_noday {
	background-color:#dfdfdf;
	padding: 2px;
	cursor: default;
}
.blue_calendar td.calendar_today {
	background-color:#d9e8a4;
	color: #fff;
}

.blue_calendar a:link,
.blue_calendar a:visited {
	color: #000;
	display: block;
	padding: 2px;
	height: 100%; /* Necessaire pour qu'IE6 mette le survol sur to*/
}
.blue_calendar a:hover,
.blue_calendar a:focus,
.blue_calendar td.calendar_value a:link,
.blue_calendar td.calendar_value a:visited {
	color: #fff;
	background-color: #96bf0d;
}


/* Pour qu'on repere les portlets coupees dans IE avec les autres navigateurs */
.displayPortlet {
	overflow-x: hidden;
}

/*	@fiche_article : Fiches articles (et familles d'articles)
/*************************************************************/
.fiche_article .content {
	height: auto !important;
	height: 450px;
	min-height: 450px;
}
.fiche_article h3 {
	color: #000;
	font-size: 1.167em;
}
.fiche_article p.tarif {
	font-size: 1em;
}
.fiche_article p.tarif strong {
	font-size: 1.333em;
}
.copixwindow,
.popupInformation {
	background: #f5fbe0;
	padding: 0; /* Necessaire pour masquer les infobulles de remboursement vides */
}

.popupinfosouscription img{
	float: none;
	margin: 0;
	width: 16px;
	height : 16px;
	vertical-align: middle;
}

.popupInfoGreen {
    background:#f5fbe0 url(themes/cma_v1/styles/../img/bg_forms_light.png) repeat-x left top;
    border:1px solid #7AB800;
    color:#000000;
    cursor:help;
    padding:10px;
    text-align:left;
    min-height: 1px;
    max-width: 450px;
    width: auto !important;
    width: 450px;
}
.popuInfoClicker {
    cursor:default;
}


/* @calendar2 : surcharges des styles du tag calendar2 
/*************************************************************/

button.calendar {
	background: url(themes/cma_v1/styles/../img/bt_calendar.png) no-repeat left top;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	width: 14px;
	margin-left: 1em;
}

div.calendar {
	background: #fff !important;
	border: 2px solid #7f9db9 !important;
}

div.calendar thead th {
	color: #96bf0d !important;
	background: #fff !important;
}

div.calendar span.month,
div.calendar span.year {
	color: #96bf0d !important;
}
div.calendar td.valid {
	color: #006871 !important;
	background: #fff !important;
}
div.calendar td.today {
	color: #000 !important;
	background: #f2f7e3 !important;
}
div.calendar td.active,
div.calendar td.hover {
	color: #000 !important;
	background: #acc944 !important;
}

/* @prets 
/************************************************************/
.prets legend select {
	margin-top: -0.2em;
}
.garanties h2 {
	margin-bottom: 0.7em;
}
.prets legend {
	margin-bottom: 0.3em;
}
html>body .prets legend select {
	margin-top: 0;
}
.prets fieldset.content div,
.garanties fieldset.invisible div {
	margin-bottom: 0.8333em;
	margin-right: 0;
}
.prets .bg_forms_light legend,
.garanties legend {
	padding-top: 0;
	margin-bottom: 0.5em;
}
.prets hr.section {
	margin-bottom: 0.5em;
}

.economie p {
	font-size: 1.5em; /* 18px */
}

/** tableau comparatif **/
.tarif table.comparaison {
    border: 1px solid #fefefe;
}

.tarif .comparaison thead th {
    background-image: -moz-linear-gradient(top, #eaeaea, #ffffff); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eaeaea),color-stop(1, #ffffff)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eaeaea', EndColorStr='#ffffff'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eaeaea', EndColorStr='#ffffff')"; /* IE8 */
	border-bottom: 1px solid #fefefe;
    border-left: 1px solid #fefefe;
    text-align: center;
    color: #646464;
}

.tarif .comparaison thead th.first {
    background-image: -moz-linear-gradient(top, #aaaaaa, #dedede); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #aaaaaa),color-stop(1, #dedede)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#dedede'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#dedede')"; /* IE8 */
    border-left: none;
    color: #fefefe;   
}

.tarif .comparaison tbody td {
    background-image: -moz-linear-gradient(top, #006973, #00c9df); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #006973),color-stop(1, #00c9df)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#006973', EndColorStr='#00c9df'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#006973', EndColorStr='#00c9df')"; /* IE8 */
    text-align: center;
    color: #fefefe;
    border-left: 1px solid #fefefe;
    font-weight:bold;
    padding:12px 0;
}

.tarif .comparaison tbody td.first {
    background-image: -moz-linear-gradient(top, #cde3e4, #e4f8fa); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cde3e4),color-stop(1, #e4f8fa)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#cde3e4', EndColorStr='#e4f8fa'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cde3e4', EndColorStr='#e4f8fa')"; /* IE8 */
    border-left: none;
    color: #00727d;
}


/** tableau prêt **/
.tarif table.pret thead th {
    background: none;
    color:#fff;
    font-size: 1.3em;
}
.tarif table.pret th,
.tarif table.pret td {
    border-bottom: 1px solid #fefefe;
}
.tarif table.pret tbody th,
.tarif table.pret tbody td {
    border-right: 1px solid #fefefe;
    padding-left: 24px;
    font-weight: bold;
}
.tarif table.pret tbody th.small_cell,
.tarif table.pret tbody td.small_cell {
    padding-left: 7px;
}
.tarif table.pret tbody td.small_cell select {
    font-size: 0.8em;
}
.tarif table.pret tbody td.small_cell input {
    width: 4em;
}

.tarif table.pret tbody th {
    border-left: 1px solid #fefefe;
}

.tarif table.pret tbody td,
.tarif table.pret tbody th {
    font-weight: bold;
    background-image: -moz-linear-gradient(top, #eaeaea, #ffffff); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eaeaea),color-stop(1, #ffffff)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eaeaea', EndColorStr='#ffffff'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eaeaea', EndColorStr='#ffffff')"; /* IE8 */
    color:#626262;
}
.tarif table.pret tbody .blue td,
.tarif table.pret tbody .blue th {
    background-image: -moz-linear-gradient(top, #006973, #00c9df); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #006973),color-stop(1, #00c9df)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#006973', EndColorStr='#00c9df'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#006973', EndColorStr='#00c9df')"; /* IE8 */
    color:#fff;
}

.tarif table.pret tbody input{
    width: 5em;
}
.tarif table.pret tbody input,
.tarif table.pret tbody select {
    font-weight:bold;
    border-color:#ccc;
    background-color:#fefefe;
}

.tarif table.pret tbody select {
    font-size: 0.9em;
}

.tarif table.pret tbody .blue input,
.tarif table.pret tbody .blue select {
    color:#FFFFFF;
    font-weight:bold;
    background-color:#00737E;
    border-color:#00535E;
}

/*.tarif .comparaison thead th {
	background: transparent;
	border-bottom: 1px solid #00afc8;
}
.tarif .comparaison tbody th {
	border-left: 1px solid #00afc8;
}
.tarif .comparaison tfoot th,
.tarif .comparaison tfoot td {
	font-style: normal;
	text-align: right;
	font-weight: bold;
}
.tarif .comparaison tfoot td.alptis {
	border-top: 1px solid #fff;
}
.tarif .comparaison .taux th,
.tarif .comparaison .cotisation th,
.tarif .comparaison .detail th {
	font-weight: normal;
}
.tarif .comparaison thead th,
.tarif .comparaison tbody td {
	text-align: right;
}
.tarif .comparaison .cotisation th,
.tarif .comparaison .cotisation td,
.tarif .comparaison .total th,
.tarif .comparaison .total td {
	border-top: 1px solid #cae284;
}

.tarif .comparaison tr.economie th,
.tarif .comparaison tr.economie td {
	border-top: 1px solid #00afc8;
}
.tarif .comparaison thead th.alptis,
.tarif .comparaison tr.total td.alptis,
.tarif .comparaison tfoot td.alptis {
	background: #00afc8;
	color: #fff;
}
.tarif .comparaison .alptis {
	border-left: 1px solid #00afc8;
	border-right: 1px solid #00afc8;
}
.tarif .comparaison tfoot td.alptis {
	text-align: right;
}
.tarif tfoot a.button {
	margin-top: 5px;
	width: 105px !important;
}
.tarif .comparaison tfoot td {
	text-align: left;
	vertical-align: bottom;
}

.tarif tfoot td.action {
	padding: 4px 0 0;
	text-align: center;
	vertical-align: top;
}

.tarif .comparaison thead .banque {
	border-top: 1px solid #00afc8;
	border-left: 1px solid #00afc8;
	width: 100px;
}
.tarif .comparaison tbody .banque {
	border-left: 1px solid #00afc8;
}
.tarif .comparaison .detail th {
	padding-left: 20px;
	padding-right: 0;
}
.tarif .comparaison tbody .last td {
	border-bottom: 1px solid #00afc8;
}
.tarif .comparaison tbody td.last {
	border-right: 1px solid #00afc8;
	padding-right: 10px;
}*/

.edition_prets thead th,
.edition_prets tbody th,
.rows tbody td {
	width: 12em;
	padding-left: 10px;
	border-right: 1px solid #00afc8;
}
.rows tbody .first {
	padding-left: 0px;
}
.edition_prets thead th,
.edition_prets tr.header th {
	background: transparent;
	border-bottom: 1px solid #00afc8;
}

.edition_prets thead th.last,
.edition_prets tbody th.last,
.edition_prets tbody td.last {
	border-right: 0 none;
}

#edition_prets th.hover {
	background: #dbf496 !important;
}

#edition_prets th.clicked {
	background: #00AFC8 !important;
	color: #fff;
}


ul.action {
	margin-left: 345px;
}

.garanties label {
	font-weight: normal;
}
.profil p {
	margin-bottom: 0.2em;
}
.profil input.numeric {
	margin-top: 0;
}
.besoins a.btn {
	margin-left: -7px;
}
	
ul.ticks {
	margin: 0;
	padding: 0;
	list-style: inside url(themes/cma_v1/styles/../img/ticks.png) circle;
}

span.selectoverflow input {
	width: 120px;
	padding-right: 20px;
	background: #fff url(themes/cma_v1/styles/../img/bg_selectoverflow_win.png) no-repeat fixed right center;
}
span.mac {
	background-image: url(themes/cma_v1/styles/../img/bg_selectoverflow_mac.png);
}
.span-4 span.selectoverflow input.text {
	width: 98px;
}

select.profession {
	width: 115px;
}
span.selectoverflow select.profession {
	width: auto;
}

.obseque{
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}
/*Afin de ne pas afficher le tout a droite en mode popup sous ie*/
.headerObseque, .headerObseque .button{
	position: static !important;
}

.nowrap{
	white-space: nowrap;
}

/* @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 etre clairement indiquee mais non cliquable
	La premiere et la derniere page doivent etre clairement indiquees et cliquables (sauf cas precedent)
/**************************************************/
.pagination {
	margin: 1em 0;
	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: #054248;
	border-color: #054248;
	background-color: #9c3;
	text-decoration: underline;
}
.pagination .current {
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	color: #888;
	border-color: #aaa;
	cursor: default;
}

.souscription input.text,
.souscription textarea,
.souscription select {
	margin-bottom: 0.4em;
}

.inlineForm {
	padding-top: 0.5em;
}
.saisie span.departement {
	display: inline-block;
	width: 111px;
	margin-top: 4px;
}

.frontalier-suisse {
	background: url(themes/cma_v1/styles/../img/drapeaux_suisse.png) no-repeat right top;
	padding-right: 45px;
	height: auto !important;
	height: 70px;
	min-height: 70px;
}


/*********CMS EDITOR STYLES ********/

.cmsEditorH1{
	font-weight: normal;
	line-height: 1;
	margin: 0;
	font-size: 1.5em;
	line-height: 1;
	margin: 0 0 .5em;
	color: #054248;
}

.cmsEditorH2{
	font-weight: normal;
	margin: 0;
	font-size: 1.334em;
	color: #96bf0d;
}

.cmsEditorH3{
	line-height: 1;
	margin: 0;
	color: #333;
	font-size: 1em;
	font-weight: bold;
}


#besoins_bloc{position:relative;}
/**Correction de la largeur du tableau des remboursementsd en mode comparateur */
.remboursement table.remboursements_5{
	width: 950px;
}
.remboursement table.remboursements_4{
	width: 790px;
}
.remboursement table.remboursements_3{
	width: 630px;
}
.remboursement table.remboursements_2{
	width: 470px;
}
/**Fin correction de la largeur du tableau des remboursementsd en mode comparateur */

.display_1 .highlight .content{
	padding-left: 24px;
	padding-right: 24px;
} 

.remboursement .header .profil .content{
	margin-top:0px;
}

table.niveaux{
	width: 110px !important;
	background-color: transparent;
	border-collapse: collapse;
	margin: 0 auto;
}

table.niveaux td{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	margin:0;
	padding:0;
}

.remboursement .offre h2.prev, .remboursement .offre h2.next{
	color: #006871;
	height:40px;
}

.remboursement .offre h2.compare{
	color:#006871;
	font-size:1.3em;
	height:40px;
}

.remboursement .highlight h2 .surtitre{
	font-size: 1.2em;
}

.remboursement .offre h2.compare.besoin{
	font-size: 1.8em;
}

.profilDecale div.bloc.profil.besoins{
	margin-top: 160px; 
}

.remboursement .header{
	zoom:1;
}

.remboursement .titreNiveaux{
	font-size:0.85em;
	text-align: center;
	display: block;
}

.remboursement.economique table, .remboursement.display_1.privilege table{
	width: 730px;
}
.remboursement.display_1.privilege col.th{
	width: 200px;
}

.remboursement.display_1.privilege col.prependSingle{
	width: 287px;
}

.remboursement.display_1.privilege th{
	border-right: 1px solid #E7E7E7;
}

.remboursement .left-block {
    float: left;
    position: relative;
    /*width: 65%;
    min-width: 380px;*/
    width: 80%;
    min-width: 475px;
}

.remboursement .left-block  select{
    position: absolute;
    top:0;
    right:0;
    float: right;
    width: 400px;
}

.remboursement .right-block {
    position: relative;
    float: left;
    text-align: right;
    /*width: 35%;
    min-width: 220px;*/
    width: 20%;
    min-width: 125px;
}

col.product.first {
	background: transparent url(themes/cma_v1/styles/../img/bg_span_4_bloc.png) repeat-y scroll 4px top;
}

col.product.first.elementHidden{
	background: none;
}

.imageProduit{
	width: 100%;
	height: 94px;
	text-align: center;
	margin-bottom: 1em;
}

/**Mentions legales en bas des formulaires**/
.legal {
    color: #6C6B6B;
    font-size:0.85em;
    margin-right:1.5em;
}
.fond_f48a36 .legal {
    color:#fff;
    margin-left:0;
}
span.legal {
    margin-left:1.5em;
}
p.legal {
    font-size:0.85em;
    text-align:justify;
    margin-right:1.5em;
}

.pretgarantie{
	border-bottom: 1px solid #00afc8;
	border-right: 1px solid #00afc8;
}

.pretgarantie thead th {
	background: transparent;
	border-bottom: 1px solid #00afc8;
}
.pretgarantie tbody th {
	border-left: 1px solid #00afc8;
}

.pretgarantie .total th,
.pretgarantie .total td {
	border-top: 1px solid #cae284;
}

.pretgarantie thead th.alptis,
.pretgarantie tr.total td.alptis{
	background: #00afc8;
	color: #fff;
}

.pretgarantie thead th.pret{
	text-align: center;
}

.pretgarantie .alptis {
	border-left: 1px solid #00afc8;
	border-right: 1px solid #00afc8;
	width: 100px;
}

.pretgarantie thead .montant {
	border-top: 1px solid #00afc8;
	border-left: 1px solid #00afc8;
	width: 100px;
	text-align: right;
}

.pretgarantie tbody .montant {
	border-left: 1px solid #00afc8;
}
/**Panier**/
table.panier {
	width: 100%;
	margin-bottom: 0;
}

.panier td,
.panier th {
	padding: 5px 0;
}

.panier thead th {
	background: none;
}

.panier hr.section{
    margin:0;
}
.searchresults h3 {
	margin-top: 1em;
}

.chbx_block {
    padding:0 0.6em 0 0.65em;
    display:block;
    font-size:0.95em;
}
.graphique {
    background: url(themes/cma_v1/styles/../img/chargement.gif) no-repeat center;
}
/**
Partie garantie pareo 
*/
div.section {
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	background: url(themes/cma_v1/styles/../img/bg_separateur_hr.png) repeat-y center top;
}
.bordergreen{border: 1px solid #DAE7AB;}
.borderleftgreen{border-left: 1px solid #DAE7AB;}
.borderbottomgreen {border-bottom: 1px solid #DAE7AB;}
.bordertopgreen {border-top: 1px solid #DAE7AB;}
#garanties{z-index: 10; float:none !important; }
.infopret{height: 2.3em;line-height: 2.3em; text-align:center; overflow: hidden;}

.infopret.twoline{height: 3.5em;line-height: 1em; text-align:center;}


.infopret.center{text-align: center;}
.infopret.right, .infopretThreeLine.right{text-align: right; float: none;}
.infopretCat{height: 2.3em; }
.infopretCat h3{position: absolute; white-space: nowrap;}

.infopretCat h3, .infopret h3{
	padding-top: 5px;
}

.infopret.right img{
	margin: 0 0 0 5px;
	float: none;
}
label.nobold{
	font-weight: normal;
}


/* progressbar */

.progressbar{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 20px;
	width: 745px;
	border: solid 1px #DAE7AB;
	overflow: hidden;
	margin-bottom: 10px;
}
.progression{
	height: 20px;
	text-align:right;
	width: 0px;
	background: url(themes/cma_v1/styles/../img/bg_forms_light.png)  repeat-x ;
}

/*page de transition alprès l'envoi de devis*/
.retourdevis strong {
	color: #006871;
}
.retourdevis b{
	font-weight: bolder;
	font-size: 1.2em;
}

.retourdevis .blocsuccess{
	background: url(themes/cma_v1/styles/../img/bg_success_retour_devis.png) no-repeat;
	width: 950px;
	height: 249px;
}

.retourdevis .blocsuccess .top{
	height: 80px;
	width: 100%;
}

.retourdevis .blocsuccess .bottom{
	height:130px;
	padding:10px 20px;
	width:700px;
}

.retourdevis .h2{
	font-size: 1.5em;
	padding-top: 30px;
}

.toggler .thead th {
    /*background-image: url(themes/cma_v1/styles/../img/picto-triangle2.png);
    background-repeat: no-repeat;
    background-position: 4px 0;*/
    cursor: pointer;
}
/*.toggler_active .thead th {
    background-position: 4px -30px;
}*/
.toggler .arrow {
    font-size: 0.9em;
}
/** bloc prêt **/
.bloc_pret {
	background-repeat: no-repeat;
	margin-bottom: 1em;
    color:#606060;
}

.bloc_pret .top,
.bloc_pret .bottom {
	width: 100%;
	height: 8px;
}

.bloc_pret .content {
	padding: 4px 15px 5px 13px;
	clear: both;
}
.span-19 .bloc_pret .content {
	padding: 14px 30px 5px;
	clear: both;
}

.bloc_pret legend,
.bloc_pret h2 {
    text-align: center;
    color:#fff;
    width: 100%;
    font-weight: bold;
}
.bloc_pret fieldset p {
    color: #606060;
    font-size: 0.89em;
}
.bloc_pret fieldset p label,
.bloc_pret fieldset p input[type="text"] {
    font-weight: bold;
}

.bloc_pret fieldset p input[type="checkbox"] {
    float: left;
}

span.h1{
	display: block;
	margin-bottom: 0.5em;
}

table.echeancier{
	border-collapse: separate;
	border: solid 1px #DAE7AB;
}

table.echeancier th{
	text-align: center;
	border-left: solid 1px #DAE7AB;
	border-bottom: solid 1px #DAE7AB;
	background: url(themes/cma_v1/styles/../img/bg_form_saisie.png);
	
	
	color: #fff;
}

table.echeancier td{
	text-align: right;
	border-left: solid 1px #DAE7AB;
	font-weight: bold;
	white-space: nowrap;
}

table.echeancier tr.alternate td{
	background: url(themes/cma_v1/styles/../img/bg_forms_light.png);
}

table.echeancier .first{
	border: none;
}

/*
 * Smoothbox v20070814 by Boris Popoff (http://gueschla.com)
 *
 * Based on Cody Lindley's Thickbox, MIT License
 *
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */


html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_ImageCount, #TB_Navigation {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
	margin: 5px 15px 10px 15px;
}

#TB_Navigation {
	float: right;
}

#TB_ImageCount {
	float: left;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window #TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border: 1px solid #666;
}

#TB_ImageDiv {
	clear: both;
}

#TB_caption{
	height:25px;
	padding:5px 0px 0px 15px;
	float:left;
	font-size: 14px;
	font-weight: bold;
}

#TB_closeWindow{
	padding: 5px 13px 0px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}