/* Popin */

#masque{
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	background: url(/img/common/bg_opacity.png);
	height: 100%;
	width: 100%;
	display: none;
	background-color: #000;
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
}

* html body #masque{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/common/bg_opacity.png", sizingMethod="scale");
}


div#contacts{
	width: 455px;
}

div#sitemap{
	width: 960px;
	top: 83px;
}

div#cg{
	width: 840px;
}



div#faq{
	width: 680px;
}

#en-savoir-plus-simplicite-1 .popinContent
{
	position:relative;
	width: 960px;
	/*top: 83px;	*/
	height:580px;
	overflow:auto;
	
}

#en-savoir-plus-simplicite-2 .popinContent
{
	position:relative;
	width: 960px;
	/*top: 83px;*/
	height:580px;
	overflow:auto;
}

#en-savoir-plus-liberte-1 .popinContent
{
	position:relative;
	width: 960px;
	/*top: 83px;*/
	height:580px;
	overflow:auto;	
}

#en-savoir-plus-liberte-2 .popinContent{
	width: 960px;
	top: 83px;
}


#en-savoir-plus-liberte-3 .popinContent{
	width: 960px;
	top: 83px;
}

#en-savoir-plus-liberte-4 .popinContent{
	width: 960px;
	top: 83px;
}

div#test-fd2html
{
	width: 580px;
	top: 83px;
}

div#zz-testov-free-popin{
	width: 800px;
	top: 83px;
}

#nous-contacter-auto-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}

#nous-contacter-auto-contrat2 .popinContent
{
	position:relative;
	width: 850px;
	/*top: 83px;*/
	height:580px;
	overflow:auto;	

}
#nous-contacter-auto-contrat3 .popinContent
{
	position:relative;
	width: 850px;
	/*top: 83px;*/
		height:580px;
	overflow:auto;	
}

#nous-contacter-auto-contrat4 .popinContent{
	width: 800px;
	top: 83px;
}

#nous-contacter-auto-pas-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}

#nous-contacter-auto-pas-contrat2 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-habitation-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-habitation-contrat2 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-habitation-contrat3 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-habitation-contrat4 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-habitation-pas-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}

#nous-contacter-habitation-pas-contrat2 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-moto-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-moto-contrat2 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-moto-contrat3 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-moto-contrat4 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-moto-pas-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}

#nous-contacter-moto-pas-contrat2 .popinContent{
	width: 800px;
	top: 83px;
}

#nous-contacter-sante-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-sante-contrat2 .popinContent
{
	position:relative;
	width: 850px;
	/*top: 83px;*/
	height:580px;
	overflow:auto;	
}
#nous-contacter-sante-pas-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-sante-pas-contrat2 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-sante-pas-contrat3 .popinContent{
	width: 800px;
	top: 83px;
}

#nous-contacter-vie-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-vie-contrat2 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-vie-contrat3 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-vie-pas-contrat1 .popinContent{
	width: 800px;
	top: 83px;
}
#nous-contacter-vie-pas-contrat2 .popinContent{
	width: 800px;
	top: 83px;
}


div.popin{
	background: white;
	text-align: left;
}

div.popinPlacement{
	position: absolute;
	z-index: 101;
	top: 35px;
	left: 50%;
}

div.popin a.close{
	position:absolute;
	top: 10px;
	right: 20px;
	color: #787789;

}

div.popin h2, div.popin h1{
	color: #7e7d90;
	font-size: 1.6em;
	letter-spacing: -0.02em;
	font-style: italic;
}

div.popin h2.borderedPopin, div.popin h1.borderedPopin{
	padding: 10px 30px 20px 30px;
	margin: 10px -30px 20px -30px;
	border-bottom: 1px solid #c1c0c8;
}

div#faq h2{
	background: url(../img/common/popin_h2.gif) no-repeat left top;
	padding: 10px 0 20px 45px;
	margin-top: 10px;
}

div.popin h3{
	font-size: 1.18em;
	font-weight: bold;
	padding: 20px 0 10px 0;
}

div.popin .popinContent{
	padding: 30px 30px 30px 30px;
}

.faqHeader{
	border-bottom: 1px solid #c1c0c8;
	background: url(../img/common/popin_bg1.gif) repeat-x bottom;
}

.faqHeader select{
	margin-top: 10px;
	width: 500px;
	color: #7c7c7c;
	font-size: 0.8em;
	border: 1px solid #c1c0c8;
}

.faqHeader select optgroup{
	font-weight: bold;
	font-style: normal;
}

.faqHeader select optgroup option{
	color: #7c7c7c;
	text-indent: 10px;	
}

.faqBloc1{
	float: left;
	width: 419px;
	height: 210px;
	border-right: 1px solid #c1c0c8;
	padding: 0 20px 20px 20px;
	overflow: auto;
}

.faqBloc2{
	float: left;
	width: 180px;
	padding: 0 20px 20px 20px;
}

.faqBloc3{
	border-top: 1px solid #c1c0c8;
	background: #ece7e8;
	padding: 0 20px 20px 20px;
}

.faqBloc3 textarea{
	width: 640px;
	height: 75px;
	border: 1px solid #c1c0c8;
	color: #a9a9a9;
	font-size: 1em;
	font-style: italic;
}


#cg .popinContent{
	height: 530px;
	overflow: auto;
}

#cg .popinContent p{
	margin-bottom: 5px;
}

#cg h3, #contacts h3, #faq h3{
	color: #7e7d90;
}

#siteMap, .popinContent #siteMapBis{
	/*position: relative;*/
	background: white url(../img/common/sitemap/bg_ul1.gif) no-repeat 51px 83px;
	width: 100%;
}

/* SiteMap */

#siteMap a, .popinContent #siteMapBis a{
	color: #7e7d90;
}

#siteMap li, .popinContent #siteMapBis li{
	padding: 0 0 5px 10px;
}

#siteMap #accueil, .popinContent #siteMapBis #accueilBis{
	position: relative;
	top: 0;
	left: 425px;
	padding: 0;
	width: 100%;	
}

#siteMap .mainLi, .popinContent #siteMapBis .mainLi{
	display: block;
	float: left;
	margin-top: 26px;		
	padding: 0;	
}

#siteMap .mainLi1, .popinContent #siteMapBis .mainLi1{
	display: block;
	float: left;
	margin-top : -8px;
	padding: 0;	
}

#siteMap .mainLi2, .popinContent #siteMapBis .mainLi2{
	display: block;
	float: left;
	margin-left : 130px;
	margin-top : -8px;
}

#siteMap .mainLi1 ul li, .popinContent #siteMapBis .mainLi1 ul li{
	display: list-item;
	float: none;	
	
}
#siteMap .mainLi ul li, .popinContent #siteMapBis .mainLi ul li{
	display: list-item;
	float: none;	
	
}

#siteMap .mainLi2 ul li, .popinContent #siteMapBis .mainLi2 ul li{
	display: list-item;
	float: none;
}

#siteMap #sante ul li, .popinContent #siteMapBis li#santeBis ul li{
	background: url(../img/common/sitemap/puce_sante.gif) no-repeat 0 6px;
}

#siteMap #habitation ul li, .popinContent #siteMapBis #habitationBis ul li{
	background: url(../img/common/sitemap/puce_habitation.gif) no-repeat 0 6px;
}

#siteMap #vie ul li, .popinContent #siteMapBis #vieBis ul li{
	background: url(../img/common/sitemap/puce_4.png) no-repeat 0 6px;
}

#siteMap #auto ul li, .popinContent #siteMapBis #autoBis ul li{
	background: url(../img/common/sitemap/puce_auto.gif) no-repeat 0 6px;
}

#siteMap #moto ul li, .popinContent #siteMapBis #motoBis ul li{
	background: url(../img/common/sitemap/puce_moto.gif) no-repeat 0 6px;
}

#siteMap #perso ul li, #siteMap #tout ul li, .popinContent #siteMapBis #toutBis ul li, .popinContent #siteMapBis #persoBis ul li{
	background: url(../img/common/puce_cercle.gif) no-repeat 0 6px;
}

#siteMap #transverse, .popinContent #siteMapBis #transverseBis{
	clear: both;
	position: relative;
	width: 100%;
	padding-top:20px;
	background: white url(../img/common/sitemap/bg_ul2.gif) no-repeat  51px 20px;
	/*padding: 0;*/
	margin: 0;
	
}

#siteMap #transverse span, .popinContent #siteMapBis #transverseBis span{
	position: absolute;
	top: -10000px;
}

#siteMap #transverse ul, .popinContent #siteMapBis #transverseBis ul{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;	
	text-align: center;
	padding-top: 5px;
}

#siteMap #transverse ul li, .popinContent #siteMapBis #transverseBis ul li{
	display: inline;
	background: White;
	padding: 5px;
	margin-right: 100px;
}
div.flash{
	margin-top: 170px;
	left: 300px;	
	position: absolute;
	z-index: 101;
	top: 140px;

}


div.flashSante{
	margin-top: 140px;
	left: 185px;	
	position: absolute;
	z-index: 101;
	top: 340px;

}

div.Infos{
	margin-top: 140px;
	left: 185px;	
	position: absolute;
	z-index: 101;
	top: 340px;

}


/*
**  @author : F6
* A. Librairies (CSS reset...)
* B. Styles generaux (declarations defaut des Hx, strong)
* C. Styles helpers (margins, paddings, txtX)
* D. Structure principal (#page,	 #main, #menu, #nav...)
* E. Contenus (listes ul.listPuce,  .mea, dataArray...)
* F. Blocs conteneurs + structure contenu (line, unit, .block, .blockSicontentmple....)
* G. Custom (blocks specifiques, contenus vraiment specifiques a une page, non reutilisable ailleurs)
* H. Fixs class for navigators (corners)
* I. Classes specifiques (lecteurs d'ecran, javascript...)
*/

/****
* A. Librairies (CSS reset...)
****/

.popinContent a img,:link img,:visited img{border:0;}
.popinContent table{border-collapse:collapse;border-spacing:0;}
.popinContent ul{list-style:none;}
.popinContent ol{list-style: decimal inside;}
.popinContent q:before,q:after, blockquote:before,blockquote:after{content:"";}
.popinContent strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
.popinContent em{font-style:italic;}
.popinContent input, textarea, select  {font-size:99%}
.popinContent * {outline:none;}
/* elements de section pour le referencement et l'accessibilite */
.popinContent hr.sectionSeparator, .hiddenSectionTitle {display:none !important;}
.popinContent a.neutral, a:visited.neutral, a:link.neutral {color:#fff !important; text-decoration:none; cursor:pointer;}
.popinContent a.neutral:hover {color:#fff !important; text-decoration:underline; }
.popinContent .hidden {display: none;}
.popinContent #swfManagerBis {position:absolute; height:0;} /* manager de flash pour faire communiquer les flashs entre eux, on le supprime du flux, mais pas de display:none, sinon le flash ne risque pas de fonctionner */
.popinContent .fullsize{width:100%;}

/****
* B. Styles generaux (declarations defaut des Hx, strong, a (liens) )
****/

.popinContent h3 {font-size:145%; color:#7E7D90;}
.popinContent h3.title {font-size:253%;}
.popinContent h3.titleSm {font-size:150%;}
.popinContent h3.hugeTitle{font-size:222%;}
.popinContent h4.title {font-size:180%;font-weight:normal;font-style: italic;}
.popinContent h5.header {background:#FFFFFF; display:inline; padding: 0px 7px;}

/* vie */
#corePopin h3 {font-size:150%;}
#corePopin h3.title {font-size:253%; color:#A31C2B;}
#corePopin h3.titleSm {font-size:150%; color:#A31C2B;}
#corePopin h3.hugeTitle{font-size:222%;}

/* alignement (vertical-align, text-align) */
.popinContent .txtL{text-align:left !important;}
.popinContent .txtC{text-align:center !important;}
.popinContent .txtR{text-align:right !important;}
.popinContent .txtT{vertical-align:top !important;}
.popinContent .txtM{vertical-align:middle !important;}
.popinContent .txtB{vertical-align:bottom !important;}


/* positionnement flottant */
.popinContent .floatL, .float_l {float:left;}
.popinContent .floatR, .float_r {float:right;}
.popinContent .context {overflow:hidden; _overflow:visible; zoom:1;}
.popinContent .overflow {overflow:hidden;}

/* fullWidth (force une image ou un flash a prendre toute la largeur de son conteneur, cela evite de devoir calculer au pixel pres la largeur d'une image. Utilisation : <div class="fullImg"><img src="image.gif" /></div>) */
.popinContent .mediaFullSize object, .popinContent .mediaFullSize embed, .popinContent .mediaFullSize img {width:100%;display:block;vertical-align:top;}

/* largueurs % */
.popinContent .size90 {width:90%;}
.popinContent .size99 {width:99%;}

/* hauteurs fixes */
.popinContent .height100px {height:100px;}

/* largeurs des blocs */
.popinContent .size1on1{float:none !important;margin-right:0; width:auto}
.popinContent .size1on2{width:49% !important;_width:49.3%!important;}
.popinContent .size1on3{width:32.3% !important; _width:32.74%!important;}
.popinContent .size2on3{width:66% !important;}
.popinContent .size1on4{width:23.8% !important;}
.popinContent .size3on4{width:73% !important;}
.popinContent .size1on5{width:18.8% !important;}
.popinContent .size2on5{width:39% !important;}
.popinContent .size3on5{width:58% !important;}
.popinContent .size4on5{width:78% !important;}


/* marges des blocs */
.popinContent .Vspace, .Tspace {margin-top:10px !important}
.popinContent .Vspace, .Bspace {margin-bottom:10px !important}
.popinContent .VspaceLg, .TspaceLg {margin-top:20px !important}
.popinContent .VspaceLg, .BspaceLg {margin-bottom:20px !important}

/* margins pour les contenus */
.popinContent .Nomargin {margin:0 !important;}
.popinContent .marginSm {margin:5px !important}
.popinContent .margin{margin:10px !important}
.popinContent .marginLg {margin:20px !important}
.popinContent .VmarginSm, .popinContent .TmarginSm {margin-top:5px !important} .popinContent .VmarginSm, .popinContent .BmarginSm {margin-bottom:5px !important} .popinContent .HmarginSm, .popinContent .LmarginSm {margin-left:5px !important} .popinContent .HmarginSm, .popinContent .RmarginSm {margin-right:5px !important}
.popinContent .Vmargin, .popinContent .Tmargin {margin-top:10px !important} .popinContent .Vmargin, .popinContent .Bmargin {margin-bottom:10px !important} .popinContent .Hmargin, .popinContent .Lmargin {margin-left:10px !important} .popinContent .Hmargin, .popinContent .Rmargin {margin-right:10px !important}
.popinContent .VmarginLg, .popinContent .TmarginLg {margin-top:20px !important} .popinContent .VmarginLg, .popinContent .BmarginLg {margin-bottom:20px !important} .popinContent .HmarginLg, .popinContent .LmarginLg {margin-left:20px !important} .popinContent .HmarginLg, .popinContent .RmarginLg {margin-right:20px !important}
.popinContent .VmarginXlg, .popinContent .TmarginXlg {margin-top:30px !important} .popinContent .VmarginXlg, .popinContent .BmarginXlg {margin-bottom:30px !important} .popinContent .HmarginXlg, .popinContent .LmarginXlg {margin-left:30px !important} .popinContent .HmarginXlg, .popinContent .RmarginXlg {margin-right:30px !important}

/* paddings pour les contenus */
.popinContent .Nopadding {padding:0 !important;}
.popinContent .paddingSm {padding:5px !important}
.popinContent .padding{padding:10px !important}
.popinContent .paddingLg {padding:20px !important}
.popinContent .VpaddingSm, .popinContent .TpaddingSm {padding-top:5px !important} .popinContent .VpaddingSm, .popinContent .BpaddingSm {padding-bottom:5px !important} .popinContent .HpaddingSm, .popinContent .LpaddingSm {padding-left:5px !important} .popinContent .HpaddingSm, .popinContent .RpaddingSm {padding-right:5px !important}
.popinContent .Vpadding, .popinContent .Tpadding {padding-top:10px !important} .popinContent .Vpadding, .popinContent .Bpadding {padding-bottom:10px !important} .popinContent .Hpadding, .popinContent .Lpadding {padding-left:10px !important} .popinContent .Hpadding, .popinContent .Rpadding {padding-right:10px !important}
.popinContent .VpaddingLg, .popinContent .TpaddingLg {padding-top:20px !important} .popinContent .VpaddingLg, .popinContent .BpaddingLg {padding-bottom:20px !important} .popinContent .HpaddingLg, .popinContent .LpaddingLg {padding-left:20px !important} .popinContent .HpaddingLg, .popinContent .RpaddingLg {padding-right:20px !important}
.popinContent .VpaddingXlg, .popinContent .TpaddingXlg {padding-top:30px !important} .popinContent .VpaddingXlg, .popinContent .BpaddingXlg {padding-bottom:30px !important} .popinContent .HpaddingXlg, .popinContent .LpaddingXlg {padding-left:30px !important} .popinContent .HpaddingXlg, .popinContent .RpaddingXlg {padding-right:30px !important}

/* Margins et paddings speciaux */
.popinContent .Hpadding50px {padding-left:50px !important; padding-right:50px !important;}
.popinContent .Vpadding30px {padding-top:50px !important; padding-bottom:50px !important;}
.popinContent .Rpadding45px {padding-right:45px !important;}
.popinContent .Rpadding100px {padding-right:100px !important;}
.popinContent .Lpagging12px {padding-left: 12px !important;}
.popinContent .Lpadding110px{padding-left: 110px !important;}
.popinContent .Tpadding100px{padding-top: 100px !important;}

.popinContent .Bmargin25px {margin-bottom:25px !important;}
.popinContent .Bmargin70px {margin-bottom: 70px !important;}
.popinContent .Rmargin170px {margin-right:170px !important;}
.popinContent .Rmargin190px {margin-right:170px !important;}
.popinContent .Rmargin200px {margin-right:200px !important;}
.popinContent .Rmargin250px {margin-right:250px !important;}
.popinContent .Rmargin270px {margin-right:270px !important;}
.popinContent .Tmargin90px {margin-top: 90px !important;}
.popinContent .NoTpadding {padding-top:0 !important;}
.popinContent .Hpadding15px {padding: 0px 15px !important;}

/* Cleaner */
.popinContent .cleaner {clear:both;}

/*Z-index*/
.popinContent .z-index1 {z-index: 1;}
.popinContent .z-index50 {z-index: 50;}
.popinContent .z-index100 {z-index: 100;}

.popinContent .minH72px{min-height:72px; _height: 72px;}

/*****
D. Structure principal (#page, #main, #menu, #nav...)
****/


/*FAQ*/
.popinContent div#faqBis h2 {background: transparent none; padding: 0px;}

/* ContentLinks */
.popinContent .contentLinks {background: transparent url(../img/common/vie/bg_degrede_blanc_bleu.png) repeat-x bottom left;}
.popinContent .contentLinks .separator {border-right:1px solid #C3C3C3;}
.popinContent .contentLinks h4 {color:#6e0b14; text-align: center; font-size: 145%; font-style:italic;}
.popinContent .contentLinks strong {color: #000000;}
.popinContent .minHeight135px {min-height:135px;_height:135px;}
/*Profil Investisseur*/
.popinContent #profilBis {background: transparent url(../img/common/vie/bg_degrede_blanc_bleu.png) repeat-x bottom left;}

/****
* E. Contenus (listes ul.listPuce, .mea, dataArray...)
****/
/* mea */
.mea,.mea .text,.meaRight, .meaRight .text,.meaWrap{overflow:hidden; _overflow:visible; _zoom:1;}
.mea .media{float:left;  margin-right:10px; _margin-right:7px;}
.meaRight .media {float:right; margin-left:10px; _margin-left:7px;}
.meaTop .media {text-align:center; float: none;}

.popinContent .enligne, .popinContent .enligne *{display:inline !important;}

/* Listes */
.popinContent ul.classic {list-style-type:disc;}
.popinContent ul.square {list-style-type:square;}

.popinContent dd {color:#6E0B14; font-size:120%; padding:2px; margin-left:11px;}

/*****
* Buttons
*****/
/*
<a class="btn" href="#"><span>coucou je suis un bouton</span></a>
<span class="btn"><span><input type="submit" value="coucou je suis un submit" /></span></span>
*/

.popinContent .btn, .popinContent .btn span {display:-moz-inline-box; display:inline-block; background:url(../img/common/btn_fonce.png) no-repeat left top;vertical-align:middle;cursor:pointer;}
.popinContent .silver, .popinContent .silver span {background:url(../img/common/btn_silver.png) no-repeat left top;}
.popinContent .btnL, .popinContent .btnL span {display:-moz-inline-box; display:inline-block; background:url(../img/common/btn_fonceL.png) no-repeat left top;vertical-align:middle;cursor:pointer;}
.popinContent .btn {_width:1%;white-space:nowrap;padding-left:6px;color:#fff;}
.popinContent .btnL {_width:3%;white-space:nowrap;padding-left:20px;color:#fff;}
.popinContent .btn span {background-position:right top; color:#FFFFFF; display:block; font-size:11px; font-weight: bold; height:26px; line-height:2em; padding-left:8px; padding-right:30px;}
.popinContent .silver span {color:#922336; font-size: 14px; height:31px;}
.popinContent .btnL span {background-position:right top; color:#FFFFFF; display:block; font-size:11px; font-weight: bold; height:26px; line-height:2em; padding-left:10px; padding-right:22px;}
.popinContent a.btn, .popinContent a.btnL {text-decoration: none;}
.popinContent .btn span input {font-family:'Arboria_Black'; font-size:1em;  border:0; overflow:visible; padding-top:3px; background:none;color:#fff;line-height:14px; vertical-align:middle; font-weight:bold;cursor:pointer;}


/****
* F. Blocs conteneurs + structure contenu (line, unit, .block, .blockSimple....)
****/
/* line, unit */
.popinContent .line, .popinContent .lastunit {overflow: hidden; _overflow: visible; zoom:1; margin:0; padding:0; display:block; }
.popinContent .unit{float:left;margin-right:10px; _margin-right:5px; zoom:1;}

.popinContent .Rborder {border-right:1px solid #B68589;}

/* listes */
.popinContent .list {overflow:hidden; zoom:1;}
.popinContent .list li {margin:0; padding:0; float:left; list-style:none;}
.popinContent .list3cols li {width:33%;}

.popinContent .spacedCheck .check {margin-left:10px !important;}
.popinContent .spacedCheck .first {margin-left:0 !important;}

.popinContent ul.cercle li {background:transparent url(../img/common/puce_cercle.gif) no-repeat scroll 0 6px; padding-left:10px;	}

/****
* G. Custom (blocks specifiques, contenus vraiment specifiques a une partie de la page, non reutilisable ailleurs)
****/

.popinContent #superposeBis {position:relative;}
.popinContent #suggestionsBis {position: relative; zoom:1}


/* Formule Perso */
	.popinContent #formulePersoBis {background: #b52233 url(../img/common/vie/bg_formulePerso.png) repeat-x bottom left;}
	.popinContent #formulePersoBis h2, .popinContent #formulePersoBis p, .popinContent #formulePersoBis ul, .popinContent #formulePersoBis li {color: #FFFFFF;}
	.popinContent #formulePersoBis div.title {background:transparent url(../img/common/vie/taux.png) no-repeat 525px 0px; min-height:60px; _height:60px;filter:expression(pngFix(this));}
	.popinContent #formulePersoBis div.title h2 {font-size:235%; font-weight: normal;}
	.popinContent #formulePersoBis div.title p {font-size:170%; font-style:italic;}
	.popinContent #formulePersoBis .listAdvantages, .popinContent #formulePersoBis .detailSimplicite {font-weight: bold;}
	.popinContent #formulePersoBis p.listAdvantages {font-size:150%;}
	.popinContent #formulePersoBis ul.listAdvantages {font-size:120%;list-style-type:disc; padding-left:15px;}
	/* Coin */
		.popinContent #formulePersoBis .tl, .popinContent #formulePersoBis .tr, .popinContent #formulePersoBis .bl, .popinContent #formulePersoBis .br{ background-image:url(../img/common/vie/corners.png); height:7px; width:7px;}
		.popinContent #formulePersoBis .tl,.popinContent #formulePersoBis .tr {margin-bottom:-7px;}
		.popinContent #formulePersoBis .bl,.popinContent #formulePersoBis .br {margin-top:-7px;}

/* bulleTitle g�n�rique */
	.popinContent #bulleTitleBis h2, .popinContent #bulleTitleBis p, .popinContent #bulleTitleBis ul, .popinContent #bulleTitleBis li {color:#FFFFFF;}
	.popinContent #bulleTitleBis div.title {}
	.popinContent #bulleTitleBis div.title h2 {font-size:235%; font-weight:normal;}
	.popinContent #bulleTitleBis div.title em {color:white; font-size:135%; font-style:normal;}
	.popinContent #bulleTitleBis div.title h3  {font-size:165%; color:white; font-weight:normal; line-height:1.1em; margin-top:20px;}
	.popinContent #bulleTitleBis div.title p {font-size:170%; font-style:italic;}
	.popinContent #bulleTitleBis p.listAdvantages {font-size:150%;}
	.popinContent #bulleTitleBis ul.listAdvantages {list-style-type:disc; padding-left:35px;}
	.popinContent #bulleTitleBis ul.listAdvantages li {font-size:120%;}
	/* Coin */
		.popinContent #bulleTitleBis .tl, .popinContent #bulleTitleBis .tr, .popinContent #bulleTitleBis .bl, .popinContent #bulleTitleBis .br{ background-image:url(../img/common/vie/corners.png); height:7px; width:7px;}
		.popinContent #bulleTitleBis .tl,.popinContent #bulleTitle Bis.tr {margin-bottom:-7px;}
		.popinContent #bulleTitleBis .bl,.popinContent #bulleTitleBis .br {margin-top:-7px;}
	/* specifiques */
		.popinContent #bulleTitleBis.savoirPlus {background:#b52233 url(../img/common/vie/bg_bulleTitle_savoirplus.png) repeat-x bottom left;}



/* Suggestions */
	.popinContent #suggestionsBis h2, .popinContent #suggestionsBis h3, .popinContent #suggestionsBis div, .popinContent #suggestionsBis a, .popinContent #suggestionsBis strong, .popinContent #suggestionsBis li, .popinContent .infos strong {color:#7E7D90;}
	.popinContent #suggestionsBis .unit h3, .popinContent #suggestionsBis .lastunit h3 {font-size:1.6em; margin-bottom:5px;}
	.popinContent #suggestionsBis h2 {font-size: 190%;}
	.popinContent #suggestionsBis .block {background: transparent url(../img/common/vie/bg_suggestion.png) no-repeat top left; padding-top:13px;}
	.popinContent #suggestionsBis .blockInside {background: transparent url(../img/common/vie/bg_suggestion.png) repeat-y bottom left; padding:0px 20px 20px 10px;}
	.popinContent #suggestionsBis .size1on2 .block {background: transparent url(../img/common/vie/bg_suggestion_large.png) no-repeat top left;}
	.popinContent #suggestionsBis .size1on2 .blockInside {background: transparent url(../img/common/vie/bg_suggestion_large.png) repeat-y bottom left;}
	.popinContent #suggestionsBis .block, .popinContent #suggestionsBis .blockInside {filter:expression(pngFix(this));}
	.popinContent #suggestionsBis .unit {margin-right:0;}
	.popinContent #suggestionsBis ul.puces {list-style:outside disc; margin-left:22px;}
	.popinContent #suggestionsBis ul.puces li span {color:#808080;}

/*  block par defaut */
	.popinContent .block{overflow:hidden;zoom:1;}
	.popinContent .blockInside{position:relative; zoom:1;}
	.popinContent .body {zoom:1; overflow:hidden ; _overflow:visible;padding: 10px;}

/* block infos */
	.popinContent .infos {margin:0px auto 40px 50px; width:692px; position:relative}
	.popinContent .infos .blockInside {background-color:#fff7f7; }
	.popinContent .infos .head {background:url(../img/common/vie/infos_top.png) no-repeat left top; height:12px; width:700px; _font-size:1%;}
	.popinContent .infos h3 {color:#6E0B14;}
	.popinContent .infos .body {padding:0 15px; border-left:1px solid #800217; border-right:1px solid #800217; width:669px;}
	.popinContent .infos .foot {background:url(../img/common/vie/infos_bottom.png) no-repeat left top; height:12px; width:699px; top:111px; margin-left:-10px;}
/* block infos */

	.popinContent table { table-layout:fixed; width:100%;}
	.popinContent table thead {background-color:#800217;}
	.popinContent table thead th {color:white; padding:1px 15px;}
	.popinContent table.separTh th {border-right:1px solid #AD4B5A;}
	.popinContent table tr.odd {background-color:#EEDBDB;}

/* table block box */
	.popinContent table.box {width:197px; margin:10px auto; text-align:left;}
	.popinContent table.box thead {background-color:transparent;}
	.popinContent table.box thead th {background:url(../img/common/vie/box_top.png) no-repeat left top;  filter:expression(pngFix(this)); padding:4px 15px 2px;font-size:120%; font-weight:bold;}
	.popinContent table.box tbody td {background-color:white; padding:0; padding-left:7px;}
	.popinContent table.box tbody td a {text-decoration:none; background:url(../img/common/vie/picto_arrow.png) no-repeat left center; margin-top:8px; padding-left:20px; display:block;}
	.popinContent table.box tbody td a:hover {text-decoration:underline;}
	.popinContent table.box tfoot td {background:url(../img/common/vie/box_bottom.png) no-repeat left top; position:static; height:9px; filter:expression(pngFix(this));}
/* block box */


.popinContent b.tl, .popinContent b.tr, .popinContent b.bl, .popinContent b.br{background-repeat:no-repeat; height:0; width:0; font-size:1%; overflow:hidden;position:relative; z-index:10;}
.popinContent b.tl{background-position: left top;float:left;}
.popinContent b.tr{background-position: right top;float:right;}
.popinContent b.bl{background-position: left bottom; float:left;} 
.popinContent b.br{background-position: right bottom; float:right;}
.popinContent .topCorners, .popinContent .bottomCorners {display:block;}
/* foot */
.popinContent .foot{overflow:hidden; _overflow:visible; zoom:1; position:absolute; bottom:20px; left:10px;}

/*  block simple  */
.popinContent .blockSimple .blockInside{border:3px solid #ddcecf;}
.popinContent .blockSimple .tl, .popinContent .blockSimple .tr, .popinContent .blockSimple .bl, .popinContent .blockSimple .br {background-image:url(skin/blockSimple.png) ; width:6px; height:6px;}
.popinContent .blockSimple .tl, .popinContent .blockSimple .tr {margin-bottom:-6px;}
.popinContent .blockSimple .bl, .popinContent .blockSimple .br {margin-top:-6px;}

.popinContent .blockSimple .head {position: relative;top: 6px;min-height: 14px;_height: 14px;padding: 0 4px; z-index: 1000;font-size: 14px;margin-left: 10px;}

/*  block filed */
.popinContent .blockFiled{background-color:#f5eeee;}


.popinContent ul.linksList {list-style: none;}
.popinContent ul.linksList a {color: #6e0b14; text-decoration: none;}
.popinContent ul.linksList a:hover {text-decoration: underline;}

/***** 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;}
	#insidePopup .layerTopCorners, #insidePopup .layerBottomCorners{padding-left: 10px;}
	#insidePopup .layerTopCorners, #insidePopup .layerTopCorners span, #insidePopup .layerBottomCorners, #insidePopup .layerBottomCorners span{display: block;height: 10px;background: transparent url(../img/common/vie/layer_bkg.png) repeat-x left top;font-size:1%;}
	#insidePopup .layerTopCorners span {background-position: right top;}
	#insidePopup .insidePopupContent .popupCloseButton {height: 12px;width: 60px;background: url(../img/common/vie/layer_bkg_close.png) no-repeat left top;position: absolute;right:10px; top: 7px;display: block;overflow: hidden;text-indent: -500px;z-index:1000;}
	#insidePopup .layerBottomCorners {background-position: left bottom;}
	#insidePopup .layerBottomCorners span {background-position: right bottom;}
	#insidePopup {background: #fff url(../img/common/vie/layer_bkg.png) repeat-x bottom left!important;}
	#insidePopup ul li {background: transparent url(../img/common/vie/puce_popin.png) no-repeat 0px 4px; padding-left:12px;}
	#insidePopup h5.header {color:#6E0B14;font-size:14px;}
	#insidePopup p.bordeaux strong {color:#6E0B14!important;}


/* popup */
	.popinContent.popup {padding:50px; background-image:none; background-color:white; width:700px;} 


/************
 formz :mise en page de formulaires 
************/
.formz input, .formz label,.formz textarea,formz button {vertical-align:middle; font-family:'Arboria_Black';color:#6E0B14;}
.formz label {font-weight:bold;}
/* redefinition des champs de formulaire */
/*.formz span.text input {height:1.3em;}*/
.formz span.text input, .formz .field textarea {border:none; background:none;padding:1px 0 1px 1px; margin-right:-2px;} /* input text & textarea */
.formz span.field input, .formz .field textarea, .formz .field select{width:100%;} 
.formz span.text, .formz select {border:1px solid #000; background:#fff;}  /*select */
/* contruction formulaire base :ctrl est un conteneur de ligne, field un conteneur de champs */
.formz .ctrl {overflow:hidden; _overflow:visible; zoom:1;margin-bottom:3px}
.formz .multiplesCtrl {overflow:hidden; _overflow:visible; zoom:1;}
.formz .floatL {float:left !important} .formz .floatR {float:right !important}
.formz .ctrl label {float:left;margin-right:10px; _margin-right:7px;} /* label a gauche */
.formz .ctrl .field, .formz .ctrl .multiFields {display:block; overflow:hidden;zoom:1; } /* champ parfaitement cale avec le label */
.formz .inlineFields label, .formz .labelTop .inlineFields label,.formz .inlineFields  .field input, .formz .inlineFields .field, .formz .inlineFields .field select,
.formz .checkLeft div.inlineFields label, .formz .checkLeft div.inlineFields .check {width:auto;float:none;margin:0;display:inline;} 
.formz .inlineFields .field {overflow:visible;position:relative; top:1px;line-height:1.4em;} /* champs inline */
/* alignements textes labels */
.rightLabels .ctrl label{text-align:right;}
.formz .checkLeft label {text-align:left;}
.btn span input#validPopin {padding-top:0px!important;}


/* met un .field en vide. Cela permet d'utiliser le .field comme pour un espace, le padding-right:2px; est lu pour combler les 2px qui manquent comme les field ont des bordure de 1px */
.formz .blankField {border:none; background:none; width:auto;padding-right:2px;} 
/* largeur des labels en % (on peut aussi specifier des largeurs fixes si besoin) */
.label10 label, .field10 .field {width:10%;} .label20 label, .field20 .field {width:20%;}
.label30 label, .field30 .field {width:30%;} .label40 label, .field40 .field {width:40%;}
.label50 label, .field50 .field {width:50%;} .label60 label, .field60 .field {width:60%;}
.label70 label, .field70 .field {width:70%;} .label80 label, .field80 .field {width:80%;} 
.label90 label, .field90 .field {width:90%;} .labelAuto label, .fieldAuto .field {width:auto !important;}
/* largeurs de champs en pixel */
.label110px label {width:110px;}
.label130px label {width:130px;}
.label150px label {width:150px;}
.label160px label {width:160px;}
.label200px label {width:200px;}
.label231px label {width:231px;}
.label240px label {width:240px;}
.label270px label {width:270px;}
.label280px label {width:280px;}
.field90px .field {width:90px;}
.field100px .field {width:100px;}
.field140px .field {width:140px;}
.field150px .field {width:150px;}
.field170px .field {width:170px;}
.field190px .field {width:190px;}
.field200px .field {width:200px;}
.field250px .field {width:250px;}
.field350px .field {width:350px;}
/* largeur custom, utile pour les champs inlines le chiffre correspond au nombre de caracteres ou chiffres dans le champs.
	<input class="size2" /> aura une largeur de 2 caracteres
 */
.formz .size1,.formz .size2, .formz .size3, .formz .size4, .formz .size5,
.formz .size6, .formz .size7, .formz .size8, .formz .size9 {padding-left:1px; padding-right:1px; margin-right:0 !important;}
.formz .size1 {width:1.8ex !important;} .formz .size2 {width:2.8ex !important;} .formz .size3 {width:3.8ex !important;} 
.formz .size4 {width:4.8ex !important;} .formz .size5 {width:5.8ex !important;} .formz .size6 {width:6.8ex !important;}
.formz .size7 {width:7.8ex !important;} .formz .size8 {width:8.8ex !important;} .formz .size9 {width:9.8ex !important;}
.formz .sizeAuto {width:auto !important;}
.sizeFull{width:100% !important;}

/** mises en forme  particulieres **/
/* label au dessus du champs */
.formz .labelTop label {float:none; display:block;}
.formz .labelTop label.label {width:auto;}

/* checkbox ou radio a gauche */
.formz .checkLeft .check {float:left;margin:0 5px 0 0; _margin-right:2px;*margin-top:-3px;} /* 3px marge droite */
.formz .checkLeft label {display:block; overflow:hidden; _overflow:visible; zoom:1; width:auto; margin-right:0;float:none;}/*le padding-left est la pour fixer un bug de font/overflow:hidden sous FF */
/* Couleur de texte opaque */
.disabled, .disabled em, .disabled input {color:#B68589 !important;}

.popinContent .bigErrorMsg { background: url(skin/crossError.png) no-repeat left 2px;padding-left: 15px;font-size: 11px;color: #da0000;font-weight: bold;margin: 0 15px;}

img.pngFix {filter:expression(pngFix(this));background-image:url(/img/common/vie/px.gif);}


.tl, .tr, .bl, .br{background-repeat:no-repeat; height:0; width:0; font-size:1%; overflow:hidden;position:relative; z-index:10;}
.tl{background-position: left top;float:left;}
.tr{background-position: right top;float:right;}
.bl{background-position: left bottom; float:left;} 
.br{background-position: right bottom; float:right;}
.topCorners, .bottomCorners {display:block;}

.popinContent h3.pictoTic {background:url(../img/common/vie/picto_tic.png) no-repeat left center; padding-left:25px; margin:10px 0 4px;}
.popinContent .pictoArrow {background:url(../img/common/vie/picto_arrow.png) no-repeat left center; padding-left:22px;}

.popinContent #suggestionsBis .selection {margin-bottom:40px;}
.popinContent #suggestionsBis .selection h4.pictoArrow {margin:10px 0 0px 27px; color:#6E0B14; font-size:110%;}
.popinContent #suggestionsBis .selection p {margin-left:53px; margin-right:30px;}
.popinContent #suggestionsBis .selection a {color:#808080;}


h1{
	color: #7e7d90;
	font-size: 1.6em;
	letter-spacing: -0.02em;
	font-style: italic;

}

.header_titre_page{position:absolute; top:48px; left:130px;}

/*
PLAN.NET
*/
/*.logo {
	position: relative;
	top: 10px;
	left: 20px;
	z-index: 6;
}*/