/*
**  @author : F6
* A. Librairies (CSS reset et styles generaux...)
* B.  Helpers Classes.
* C. Structure principal (#page, #main, #menu, #nav...)
* D. Structure des contenus (line, unit, .block, .blockSimple, corners). On ne trouve ici que les declarations structurelles de base
* E. Blocks (definitions des nouveaux (blockFIlled, blockSimple, blockTabs....)
* F. Contenus (listes ul.listPuce, .mea, dataArray...)
* G. Customs
*/

/****
* A. Librairies (CSS reset et styles generaux...)
****/
/*reset.css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	_font-size:97.59%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*fonts.css*/
body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
}
table {
	font-size:inherit;
	font:10px;
}
select, input, textarea {
	font:99% Verdana, Arial, Helvetica, sans-serif;
}
pre, code {
	font:115% monospace;
*font-size:100%;
}
.mediaSplit img, .mediaSplit object, .mediaSplit embed {
	display:block;
	width:100%;
}
/* **************** B.. STYLES GENERAUX (balises) ***************** */
body.homepage {
	background-color:#dcdcdc;
}
#page {
	margin:0 auto 10px auto;
	color:#454545;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#main {
	overflow:hidden;
	_overflow:visible;
	zoom:1;
}
#footer {
	text-align:center;
	font-size:0.9em;
	margin-top:30px;
	zoom:1;
	overflow:hidden;
	_overflow:visible;
}
#header {
	background:#fff url(skin/nav_deg_haut.png) repeat-x left top;
}
#headerTopBkg {
	background:url(skin/flash_deg_haut.png) repeat-x left bottom;
	padding-bottom:8px;
*padding-bottom:7px;
}
#headerInside {
	overflow:hidden;
	zoom:1;
	width:992px;
	margin:0 auto;
}
#headerAttente {
	overflow:hidden;
	zoom:1;
	width:800px;
	margin:0 auto;
	background:#fff url(skin/nav_deg_haut.png) repeat-x left top;
}
#MentionsLegales {
	background:#fff url(/images/tetiere_mentions_legales.png) no-repeat left top;
	padding:80px 0px 0px 0px;
	width:560px;
}
#line {
	background:url(skin/flash_deg_bas.png) repeat-x left top;
	padding-top:13px;
}
#lineInside {
	overflow:hidden;
	zoom:1;
	width:992px;
	margin:0 auto;
}
#colLeft {
	float:left;
	width:240px;
	margin-right:20px;
}
#content {
	overflow:hidden;
	zoom:1;
	width:992px;
	margin:0 auto;
}
.textConteneur {
	float:right;
	position:relative;
	background:url(skin/n-1_deg_droit.png) repeat-y top right;
	padding:0px 20px 15px 0px;
}
.bottomGradient {
	background:url(skin/n-1_deg_bas.png) repeat-x left bottom;
}
/* zoom:1; min-height:8px; _height:8px; position:absolute; bottom:0px; left:0px;*/
.imgPage {
	position:absolute;
	bottom:-12px;
	right:0;
	_margin-right:-1px;
	background:url(skin/n-1_page_tourne.png) no-repeat right bottom;
	width:71px;
	height:133px;
}
.mentions {
	color: #adadad;
}
#pageAttente {
	background:url(skin/page_attente.png) no-repeat center top;
	width:813px;
	height:361px;
	margin:25px auto 0;
}
#pageAttente div {
	width:460px;
	padding:120px 130px 0;
}
.homepage #lineInside, .homepage #lineInside .unit {
	background:url(skin/home_separateur_unit.png) no-repeat left top;
}
.homepage #lineInside .unit {
	min-height:110px;
	_height:110px;
	padding:0 30px;
	margin:0;
}
.homepage #lineInside .size1on3 {
	width:27.25% !important;
}
.homepage #lineInside .lastunit {
	width:auto !important;
}
.homepage #lineInside {
	background-position:right top;
}
#flashHome {
	width:992px;
	margin:0 auto;
	text-align:right;
}
#mainFlash {
	margin-bottom:-13px;
	margin-top:-8px;
	background:#fff url(skin/flash_deg_haut.png) repeat-x top left;
}
#simulateur {
	width:240px;
	margin:0 auto;
	text-align:right;
}
#PopSimulateur {
	width:991px;
	margin:0 auto;
	text-align:right;
}
/* logo */
#logo {
	float:left;
	margin-top:1px;
}
em {
	font-style:italic;
	font-size:inherit;
}
a {
	text-decoration:none;
	color:#454545;
}
a:hover {
	text-decoration:underline;
}
sup {
	line-height:normal;
	vertical-align:baseline;
	position:relative;
	top:-0.5em;
}
/* headings - .h1-.h6 classes should only be used to maintain the semantically appropriate heading levels, *never* on a p, span, div, etc */
h1, .h1 {
	font-size:1.4em;
	color:#454545;
}
h2, .h2 {
	font-size:1.2em;
	color:#454545;
}
h3, .h3 {
	font-size:1.1em;
	color:#454545;
}
h4, .h4 {
	font-size:1.1em;
	font-weight:bold;
	color:#454545;
}
h5, .h5 {
	font-size:1em;
	font-weight:bold;
}
h6, .h6 {
	font-size:1em;
}
.strong {
	font-weight:bold;
}
.fix {
	zoom:1
}
.nobg {
	background:none !important
}
.liens, ul.liens a {
	font-weight:bold;
	color:#646464 !important;
}
ul.liens a:hover, a.liens:hover {
	text-decoration:underline;
}
.uppercase {
	text-transform:uppercase;
}
.underline {
	text-decoration:underline;
}
/* styles generaux hx, strong a, img */

/****
* B.  Helpers Classes.
****/
/* alignement (vertical-align, text-align) */
.txtL {
	text-align:left !important;
}
.txtC {
	text-align:center !important;
}
.txtR {
	text-align:right !important;
}
.txtT {
	vertical-align:top !important;
}
.txtM {
	vertical-align:middle !important;
}
.txtB {
	vertical-align:bottom !important;
}
/* positionnement flottant */
.floatL {
	float:left !important;
}
.floatR {
	float:right !important;
}
.context {
	overflow:hidden;
	_overflow:visible;
	zoom:1
}
.displayB {
	display:block;
}
/* largeurs des blocs */


/* ici on defini les lignes qui contiennent les blocks, sachant que le dernier block d'une ligne 
porte les classes "unit sizeXonX lastunit"  */
.line, .lastunit {
	overflow: hidden;
	_overflow: visible;
	zoom:1;
}
.unit {
	float:left;
	margin-right:10px;
	zoom:1;
}
.unit2 {
	width:264px;
	float:right;
	margin-right:10px;
	zoom:1;
}
.size1on1 {
	float:none !important;
	margin-right:0;
	width:auto
}
.size1on2 {
	width:49% !important;
}/* verify pourcentage */
.size1on3 {
	width:32.3% !important;
}
.size2on3 {
	width:66% !important;
}
.size1on4 {
	width:23.8% !important;
}
.size3on4 {
	width:74.8% !important;
}
.size1on5 {
	width:18.8% !important;
}
.size2on5 {
	width:39% !important;
}
.size3on5 {
	width:58%;
}
/* ----- custom sizes ------ */
.size4on5 {
	width:78%;
}
.lastunit {
	float:none;
	_float:left;
	display:block;
	width:auto !important;
	zoom:1;
	margin-right:0 !important;
}
/*****
* C. Structure principal (#page, #main, #menu, #nav...)
****/

/* padding */
.padding0 {
	padding:0 !important
}
.tPadding0 {
	padding-top:0 !important
}
.rPadding0 {
	padding-right:0 !important
}
.bPadding0 {
	padding-bottom:0 !important
}
.lPadding0 {
	padding-left:0 !important
}
.hPadding0 {
	padding-left:0 !important;
	padding-right:0 !important
}
.vPadding0 {
	padding-top:0 !important;
	padding-bottom:0 !important
}
.paddingSm {
	padding:5px !important
}
.tPaddingSm {
	padding-top:5px !important
}
.rPaddingSm {
	padding-right:5px !important
}
.bPaddingSm {
	padding-bottom:5px !important
}
.lPaddingSm {
	padding-left:5px !important
}
.hPaddingSm {
	padding-left:5px !important;
	padding-right:5px !important
}
.vPaddingSm {
	padding-top:5px !important;
	padding-bottom:5px !important
}
.padding {
	padding:10px !important
} /* FIX THESE !!! */
.tPadding {
	padding-top:10px !important
}
.rPadding {
	padding-right:10px !important
}
.bPadding {
	padding-bottom:10px !important
}
.bMargin {
	padding-bottom:10px !important
}
.lPadding {
	padding-left:10px !important
}
.hPadding {
	padding-left:10px !important;
	padding-right:10px !important
}
.vPadding {
	padding-top:10px !important;
	padding-bottom:10px !important
}
.paddingLg {
	padding:25px !important
}
.tPaddingLg {
	padding-top:25px !important
}
.rPaddingLg {
	padding-right:25px !important
}
.bPaddingLg {
	padding-bottom:25px !important
}
.lPaddingLg {
	padding-left:25px !important
}
.hPaddingLg {
	padding-left:25px !important;
	padding-right:25px !important
}
.vPaddingLg {
	padding-top:25px !important;
	padding-bottom:25px !important
}
.lPaddingxLg {
	padding-left:30px !important
}
.hPaddingxLg {
	padding-left:30px !important;
	padding-right:40px !important
}
.vPaddingxLg {
	padding-top:30px !important;
	padding-bottom:40px !important
}
.tPaddingxLg {
	padding-top:30px !important
}
.rPaddingxLg {
	padding-right:30px !important
}
.bPaddingxLg {
	padding-bottom:30px !important
}
.lPaddingxxLg {
	padding-left:84px !important
}
.hPaddingxxLg {
	padding-left:60px !important;
	padding-right:60px !important
}
.vPaddingxxLg {
	padding-top:60px !important;
	padding-bottom:60px !important
}
.tPaddingxxLg {
	padding-top:60px !important
}
.rPaddingxxLg {
	padding-right:60px !important
}
.bPaddingxxLg {
	padding-bottom:60px !important
}

.pointilleB {
	background:url(skin/dottedH.png) repeat-x left bottom;
}
.pointilleT {
	background:url(skin/dottedH.png) repeat-x left top;
}
.ligneT {
	border-top:#333333 2px solid;
}
/* barre de navigation */
#navH {
	font-size:10px;
	margin:46px 0 0;
	overflow:hidden;
	zoom:1;
}
#navH li {
	float:left;
	margin:0 5px;
	display:inline;
	font-weight:bold;
}
#navH li a {
	color:#454545;
	text-decoration:none;
	display:block;
	padding-left:23px;
	background:no-repeat left top;
	height:32px;
	_width:1%;
	_white-space:nowrap;
}
#navH li a:hover {
	color:#454545;
	text-decoration:underline;
}
#navH li.current {
	font-size:1em;
}
#navH li {behavior :expression(addHover(this));}
#navH .underNav{margin:0 0 0 -8px;padding:0 0 6px 8px;background:transparent url(skin/navOmbrage.png) no-repeat left bottom;display:none;position:absolute;}
/*ie6*/
#navH .underNav{_margin:0;_padding:0;_background:none;_border-bottom:solid 1px #ADADAD;_border-left:solid 1px #ADADAD;}
#navH .underNav ul{background:#FFF url(skin/flash_deg_haut.png) repeat-x left top;padding:0;border-left:solid 3px;}
#navH li:hover .underNav, #navH li.hover .underNav{display:block;}
#navH li li{disp lay:block;float:none;margin:0;_padding:0;}
#navH li li .underItem{height:auto;padding:4px 4px 4px 18px;background:transparent url(skin/arrow.png) no-repeat scroll 9px .8em;color:#454545;display:block;width:auto;font-weight:normal;_white-space:normal;}
/* images d'univers dans la nav
les 2eme identifiants sont des "li"
*/
#navH #navHBudget				.titre{background-image:url(skin/nav_puce1.png);}
#navH #navHBudget				li .underItem{border-left-color:#d2232a;}
#navH #navHBudget				.underNav ul{border-left-color:#d2232a;}
#navH #navHFinancement	.titre{background-image:url(skin/nav_puce2.png);}
#navH #navHFinancement	li .underItem{border-left-color:#a1bf2f;}
#navH #navHFinancement	.underNav ul{border-left-color:#a1bf2f;}
#navH #navHAssurance		.titre{background-image:url(skin/nav_puce3.png);}
#navH #navHAssurance		li .underItem{border-left-color:#a443d7;}
#navH #navHAssurance		.underNav ul{border-left-color:#a443d7;}
#navH #navHGuide 				.titre{background-image:url(skin/nav_puce4.png);}
#navH #navHGuide				li .underItem{}
#navH #navHGuide				.underNav ul{border-left-color:#FD0DB7;}
#navH #navHConseils 		.titre{background-image:url(skin/nav_puce5.png);}
#navH #navHConseils			li .underItem{border-left-color:#0abecf;}
#navH #navHConseils			.underNav ul{border-left-color:#0abecf;}
#navH #navHEngagements	.titre{background-image:url(skin/nav_puce6.png);}
#navH #navHEngagements	li .underItem{border-left-color:#f29400;}
#navH #navHEngagements	.underNav ul{border-left-color:#f29400;}

#navH li li .active{color:#000;}

#navUniversTransverse {border-left:solid 6px #adadad;}

/* barre de navigation */
#navL {
	overflow:hidden;
	zoom:1;
}
#navL ul {
	padding:5px 0 0 10px;
*padding:8px 0 0 10px;
}
#navL li {
	padding:5px 0;
}
#navL li a {
	color:#454545;
	text-decoration:none;
	display:block;
	padding-left:7px;
}
#navL li a:hover {
	color:#454545;
	text-decoration:underline;
}
#navL li.current {
	font-size:1em;
}
#navL li.last {
	background:none;
	padding-bottom:15px;
}
.arrow {
	background:url(skin/arrow.png) no-repeat left 3px;
}
#navDeg {
	background:url(skin/navL_deg_bas.png) repeat-x left top;
}
/* couleurs d'univers */
.titre {
	font-weight:bold;
	text-transform:uppercase;
}
.budget {
	color:#d2232a;
}
.arrowUniversBudget {
	background:url(budget/skin/navL_arrow.png) no-repeat left center;
	padding-left:10px;
}
#navUniversBudget {
	border-left:solid 6px #d2232a;
	zoom:1;
}
.financement {
	color:#a1bf2f;
}
.arrowUniversFinancement {
	background:url(financement/skin/navL_arrow.png) no-repeat left center;
	padding-left:10px;
}
#navUniversFinancement {
	border-left:solid 6px #a1bf2f;
	zoom:1;
}
.assurance {
	color:#a443d7;
}
.arrowUniversAssurance {
	background:url(assurance/skin/navL_arrow.png) no-repeat left center;
	padding-left:10px;
}
#navUniversAssurance {
	border-left:solid 6px #a443d7;
	zoom:1;
}
.guide {
	color:#fd0db7;
}
.arrowUniversGuide {
	background:url(guide/skin/navL_arrow.png) no-repeat left center;
	padding-left:10px;
}
#navUniversGuide {
	border-left:solid 6px #fd0db7;
	zoom:1;
}
.conseils {
	color:#0abecf;
}
.arrowUniversConseils {
	background:url(conseils/skin/navL_arrow.png) no-repeat left center;
	padding-left:10px;
}
#navUniversConseils {
	border-left:solid 6px #0abecf;
	zoom:1;
}
.engagements {
	color:#f29400;
}
.arrowUniversEngagements {
	background:url(engagements/skin/navL_arrow.png) no-repeat left center;
	padding-left:10px;
}
#navUniversEngagements {
	border-left:solid 6px #f29400;
	zoom:1;
}
.transverse {
	color:#adadad;
}
.arrowUniversTransverse {
	background:url(transverse/skin/navL_arrow.png) no-repeat left center;
	padding-left:10px;
}
#navUniversTransverse {
	border-left:solid 6px #adadad;
	zoom:1;
}
/* **************** E.. BLOCS CONTENUS ***************** 
/* ===== MEA (image left content right) ===== */
/* ---- Mise en avant with no wrap ----- */
.mea, .meaRight {
	margin:5px 0 8px 0;
}
/*.mea, .mea .text, .meaRight .text, .meaRight {overflow:hidden; _overflow:visible; zoom:1;}*/
.meaWrap .text {
	overflow:visible;
	zoom:0;
}
.mea .media {
	float:left;
	margin-right:11px;
	_margin-right:7px;
}
.meaRight .media {
	float:right;
	margin-left:10px;
	_margin-left:7px;
	margin-right:0;
}
.dottedSeparationHr {
	background:url(skin/n-1_dottedH.png) no-repeat right bottom;
}
.dottedSeparationHl {
	background:url(skin/n-1_dottedH.png) no-repeat left bottom;
}
.dottedSeparationVr {
	background:url(skin/n-1_dottedV.png) no-repeat right bottom;
}
/* FOOTER */
#footer {
	margin: 15px 0 0 0;
	text-align:center;
	text-transform:uppercase;
}
#footer li {
	display: inline;
	border-right: 1px solid #adadad;
	padding:0 12px;
}
#footer li.last {
	border-right: 0;
}
#footer li a {
	color: #adadad;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}
#footer li a.logo_cf {
	background-image:url(skin/footer_logo_cf.png);
	height:22px;
	min-height:22px;
	background-repeat:no-repeat;
	background-position:right;
	padding-right:22px;
	line-height:22px;
}
/* boutons site */
.btn {
	padding-left:9px;
	_width:1%;
	_white-space:nowrap;
}
.btn, .btn span {
	background:url(skin/button.png) no-repeat left top;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	zoom:1;
	font-size:10px;
}
.btn span {
	background-position:right top;
	display:block;
	height:33px;
	line-height:37px;
	padding-right:15px;
	padding-left:10px;
	zoom:1;
}
.btnPdf, .btnPdf span {
	background-image:url(skin/buttonPDF.png);
}
.btnPdf span {
	padding:9px 54px 0px 9px;
	line-height:20px
}
button.btnn {
	border:0;
	padding:0;
	overflow:hidden;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	font-size:inherit;
	background:none;
	cursor:pointer;
	color:inherit;
}
button.btn span {
/*	overflow:visible;
	display:block;
	_width:1%;*/ /*haslayout correcting bug*/
}
/*button.btn span span {
	background:none;
	padding:0;
	width:auto;
	line-height:normal;
} */
.label17, .label17 .label {
	width:17%;
}
.fline {
display:table;
margin-bottom:5px;
margin-top:5px;
width:100%;
}
.fline label, .fline .label {
float:left;
font-weight:bold;
margin-right:3px;
margin-top:2px;
}
.fline span, .fline .group {
display:block;
overflow:hidden;
}
.fline .errormsg {
color:#fb0b0c;
display:block;
margin-top:3px;
}

/* ---- breadcrumb trail ---- */
.breadcrumb {
	overflow:hidden;
	_overflow:visible;
	zoom:1;
	margin:7px 0 30px 0;
}
.breadcrumb ul {
	background-position:left top;
	zoom:1;
	min-height:15px;
	_height:15px;
	vertical-align:middle;
}
.breadcrumb li {
	display:inline;
	color:#a2a2a2;
}
.breadcrumb li span.last {
	font-weight:bold;
}
.breadcrumb li a {
	text-decoration:underline;
	font-size:10px;
	color:#a2a2a2;
}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:visited {
	text-decoration:underline;
}
/****
* F. Blocks (definitions des nouveaux (blockFIlled, blockSimple, blockTabs....)
****/


/* blockSimple */
.blockSimple .blockInside {
	background:url(skin/blockTabs_tabs.png) left top repeat-x;
}
/* blockSimpleLexique */
.blockSimpleLexique .blockInside {
	background:url(skin/blockTabs_lexique.png) left top repeat-x;
	min-height:24px;
}
/* blockToggle */
.blockToggle .head a {
	display:block;
	text-decoration:none !important;
	zoom:1;
	padding:8px 29px
}
.hasJS .blockToggleClosed .body, .hasJS .blockToggleClosed .foot {
	display:none;
}
/****
* G. Customs
****/

/***** popin *****/
#insidePopupMask {
	background:#000;
	opacity:0.8;
filter:alpha(opacity:80);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1999999;
}
#insidePopup {
	position:absolute;
	color:#000;
	z-index:2000000;
}
#insidePopup .insidePopupContent {
	zoom:1;
	background:#FFF url(skin/blocks/zoom_gradient.png) repeat-x left bottom;
}
#insidePopup .insidePopupContent .popupCloseButton {
	width:50px;
	height:13px;
	zoom:1;
	display: block;
	overflow: hidden;
	z-index:1000;
	outline:none;
}
.entete_cellule {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#b2b2b2;
}
#tableau .border td, th {
	padding: 5px;
	border: #b2b2b2 1px solid;
}
#tableau td {
	padding: 5px 0;
	border: #FFFFFF 1px solid;
}
.exemple {
	background-color:#ebebeb;
	margin:10px;
	padding:10px;
	}

.BAS {
	border:#A1BF2F 1px solid;
	margin:10px;
	padding:10px;
	}

 #footer-credit-foncier{text-align:justify;  margin:10px;  margin-top:40px; zoom:1; overflow:hidden; _overflow:visible}
 #footer-credit-foncier li{color:#adadad; background:url(footer_separator.png) right no-repeat; display:inline; font-size:11px; margin-right:5px; padding-right:5px;} 
	#footer-credit-foncier li.last {border-right: 0;	background:none}
 #footer-credit-foncier a{color:#adadad; text-decoration: underline;} 
 #footer-credit-foncier a:hover{color:#666666 !important} 
 #footer-credit-foncier .left{float:left; white-space:nowrap}
 #footer-credit-foncier .right{float:right; white-space:nowrap}