/* probando...
**  @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...)
****/

/*
#vie html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, 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:11px;
	line-height:1.3em;
	font-family:inherit;
	text-align:inherit;
	color: #808080;
	}
*/
/*a:link, a:visited, a:active{
	text-decoration: none;
}*/
#vie a img,:link img,:visited img{border:0;}
#vie table{border-collapse:separate;border-spacing:0;}
#vie ul{list-style:none;}
#vie ol{list-style: decimal inside;}
#vie q:before,q:after, blockquote:before,blockquote:after{content:"";}
#vie strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
#vie em{font-style:italic;}
#vie input, textarea, select  {font-size:99%}
#vie * {outline:none;}
/* elements de section pour le referencement et l'accessibilite */
#vie hr.sectionSeparator, .hiddenSectionTitle {display:none !important;}
#vie a.neutral, a:visited.neutral, a:link.neutral {color:#fff !important; text-decoration:none; cursor:pointer;}
#vie a.neutral:hover {color:#fff !important; text-decoration:underline; }
#vie .hidden {display: none;}
#vie #swfManager {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 */

#vie #homeFlash {position:relative; z-index:1000; _display:block; _width:733px; _height:334px; }

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

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

#vie #main h4.BmarginSm {height:40px; line-height:105%;} /* new */
#vie h4.title {font-size:180%;font-weight:normal;font-style: italic;}
#vie h5.header {background:#FFFFFF; display:inline; padding: 0px 7px;}

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


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

#vie .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>) */
#vie .mediaFullSize object, #vie .mediaFullSize embed, #vie .mediaFullSize img {width:100%;display:block;vertical-align:top;}

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

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

/* largeurs des blocs */
#vie .size1on1{float:none !important;margin-right:0; width:auto}
#vie .size1on2{width:48% !important; _width:48.3%!important;}
#vie .size1on3{width:32.3% !important; _width:32.74%!important;}
#vie .size2on3{width:66% !important;}
#vie .size1on4{width:22% !important;} /* new */

#vie .size1on2New{width:47% !important;} /* new */
#vie .size1on3New{width:32% !important;} /* new */

#vie .size1on4pack{width:24% !important;} /* new */
#vie .size3on4pack{width:72% !important;} /* new */

#vie .size3on4{width:72% !important;} /* new */
#vie .size1on5{width:18.8% !important;}
#vie .size2on5{width:39% !important;}
#vie .size3on5{width:58% !important;}
#vie .size4on5{width:78% !important;}

#vie .size2on5New{width:39% !important;}
#vie .size3on5New{width:58% !important;}

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

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

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

#vie .VpaddingXXlg, #vie .TpaddingXXlg {padding-top:60px !important}

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

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

#vie .margT30 {margin-top:30px !important}

/* Cleaner */
#vie .cleaner {clear:both;}
#vie .botbot {clear:both; margin-top:20px;}

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

#vie .minH72px{min-height:72px; _height: 72px; padding-top:10px;}
#vie .minH90px{min-height:90px; _height: 90px; padding-top:10px;}

/*****
D. Structure principal (#page, #main, #menu, #nav...)
****/
#vie html {font-size:11px;}
#vie body {font-family:'Arboria_Black';font-size:1em; padding:0;background:#efeaeb url(skin/background.png) repeat-x left top;color: #787789;}

/* PAGE */

#vie #page {text-align:left;width:945px; margin:auto; margin-top:-24px;}

/* HEADER */
#vie #headerDA {min-height:146px;_height:140px;position:relative;text-align: center;_margin-top:-3px; }


#vie #headerDA .contentHeader {width:945px; margin:0px auto;text-align: left; padding-top: 1px; /*padding-top: 0px; margin-top:15px;*/}


/*#vie #headerDA .logo {float: left;}*/

#vie #headerDA .logo {
	position: relative;
	top: 10px;
	left: 20px;
	z-index: 6;
}                      


#vie #fond_Header
{	
	top: 0px;
	left: 0px;
	padding-right: 20px;
	padding-top: 0px;
	
	background:url(../img/common/header_fond.gif) no-repeat top center;
	height:143px;
} 

#topMenu_New{
	float: right;
	/*margin-top: -14px;*/
	position:absolute; top:0px; right:20px;
	padding-right: 5px;
	z-index:100;
}

#vie #nav { position:relative;
	top:-25px;
	left:2px;
	}
	


#vie #nav li {float:left; height:27px; margin-left:-1px;position:relative;
	top:1px;}
#vie #nav li span {position:absolute; top:-1000px;}
#vie #nav li a {display:block; width:100%; height: 100%;}

#vie #menu1{
	/*float: left;
	margin-top: -102px;
	margin-left:10px;
	position:relative;*/
		width : 700px;
	position:absolute;
	top:70px;
	left:130px;	


}

#vie #menu1 li{
	height: 30px;
	float: left;
	border-left: none;
	padding:0 15px 0 0;
}

#vie #menu1 li.first{
	border-left: none;
}

#vie #menu1 li span{
	position: absolute;
	top: -1000px;
}

#vie #menu1 li a{
	display: block;
	width: 100%;
	height: 30px;
}

#vie #menu1 #auto{
	width: 95px;
	background: url(../img/common/menu1_auto_off.gif) no-repeat left top;
}

#vie #menu1 #auto.on{
	width: 95px;
	background: url(../img/common/menu1_auto_on.gif) no-repeat left top;
}

#vie #menu1 #sante{
	width: 77px;	
	background: url(../img/common/menu1_sante_off.gif) no-repeat left top;
}

#vie #menu1 #sante.on{
	width: 77px;	
	background: url(../img/common/menu1_sante_on.gif) no-repeat left top;
}

#vie #menu1 #habitation{
	width: 119px;
	background: url(../img/common/menu1_habitation_off.gif) no-repeat left top;
}

#vie #menu1 #habitation.on{
	width: 119px;
	background: url(../img/common/menu1_habitation_on.gif) no-repeat left top;
}

#vie #menu1 #vie{
	width: 136px;
	background: url(../img/common/menu1_vie_off.gif) no-repeat left top;
}

#vie #menu1 #vie.on{
	width: 136px;
	background: url(../img/common/menu1_vie_on.gif) no-repeat left top;
}

#vie #menu1 #moto{
	width: 91px;
	background: url(../img/common/menu1_moto_off.gif) no-repeat left top;
}

#vie #menu1 #moto.on{
	width: 91px;
	background: url(../img/common/menu1_moto_on.gif) no-repeat left top;
}



/*Barre d'acc�s aux diff�rents univers*/
#vie #acces_univers {margin-top: 60px;}
#vie #acces_univers li {float: left; border-right: 1px solid #c1c0c8;}
#vie #acces_univers li {display: block;height:15px;}
#vie #acces_univers li.last {border: none;}
#vie #acces_univers li.AssuranceVie {border: none;height:auto;}
#vie #acces_univers li.sante {margin-top:5px;padding: 0px 16px 0px 20px;_width:50px;}
#vie #acces_univers li.auto {margin-top:5px;padding: 0px 14px 0px 12px;_width:50px;}
#vie #acces_univers li.moto {margin-top:5px;padding: 0px 13px 0px 14px;_width:50px;}
#vie #acces_univers li.habitation {margin-top:5px;padding-left: 15px;_width:50px;}

/*Barre de nav*/
/*#vie #nav {clear: both; padding-top:12px;_margin-top:3px;}
#vie #nav li {float:left; height:29px; margin-right:1px;}
#vie #nav li span {position:absolute; top:-1000px;}
#vie #nav li a {display:block; width:100%; height: 100%;}*/

/* new stuff ON */
/*#vie #nav #simplicite.on a {background: #FFFFFF url(../img/common/menu2_vie/menu2_simplicite_on.gif) no-repeat top left; width: 128px;}
#vie #nav #liberte.on a {background: #FFFFFF url(../img/common/menu2_vie/menu2_liberte_on.gif) no-repeat top left; width: 128px;}
#vie #nav #avantage.on a {background: #FFFFFF url(../img/common/menu2_vie/menu2_avantage_on.gif) no-repeat top left; width: 128px;}
#vie #nav #expertise.on a {background: #FFFFFF url(../img/common/menu2_vie/menu2_expertise_on.gif) no-repeat top left; width: 128px;}
#vie #nav #atouts.on a {background: #FFFFFF url(../img/common/menu2_vie/menu2_atouts_on.gif) no-repeat top left; width: 128px;}
*/
/* new stuff OFF */
/*#vie #nav #simplicite.off a {background: #7E7D90 url(../img/common/menu2_vie/menu2_simplicite_off.gif) no-repeat top left; width: 128px;}
#vie #nav #liberte.off a {background: #7E7D90 url(../img/common/menu2_vie/menu2_liberte_off.gif) no-repeat top left; width: 128px;}
#vie #nav #avantage.off a {background: #7E7D90 url(../img/common/menu2_vie/menu2_avantage_off.gif) no-repeat top left; width: 128px;}
#vie #nav #expertise.off a {background: #7E7D90 url(../img/common/menu2_vie/menu2_expertise_off.gif) no-repeat top left; width: 128px;}
#vie #nav #atouts.off a {background: #7E7D90 url(../img/common/menu2_vie/menu2_atouts_off.gif) no-repeat top left; width: 128px;}
	*/
#vie #nav #simplicite{
	width: 128px;
	background: url(../img/common/menu2_vie/menu2_simplicite_off.gif) no-repeat left top;
}

#vie #nav #simplicite.on {
	width: 128px;
	background: url(../img/common/menu2_vie/menu2_simplicite_on.gif) no-repeat left top;
}

#vie #nav #simplicite.rollover {
	width: 128px;
	background: url(../img/common/menu2_vie/menu2_simplicite_rollover.gif) no-repeat left top;
}

#vie #nav #liberte{
	width: 129px;
	background: url(../img/common/menu2_vie/menu2_liberte_off.gif) no-repeat left top;
}

#vie #nav #liberte.on {
	width: 129px;
	background: url(../img/common/menu2_vie/menu2_liberte_on.gif) no-repeat left top;
}

#vie #nav #liberte.rollover {
	width: 129px;
	background: url(../img/common/menu2_vie/menu2_liberte_rollover.gif) no-repeat left top;
}

#vie #nav #avantage.off{
	width: 119px;
	background: url(../img/common/menu2_vie/menu2_avantages_off.gif) no-repeat left top;
}

#vie #nav #avantage.on {
	width: 119px;
	background: url(../img/common/menu2_vie/menu2_avantages_on.gif) no-repeat left top;
}

#vie #nav #avantage.rollover {
	width: 119px;
	background: url(../img/common/menu2_vie/menu2_avantages_rollover.gif) no-repeat left top;
}

#vie #nav #expertise{
	width: 140px;
	background: url(../img/common/menu2_vie/menu2_expertise_off.gif) no-repeat left top;
}

#vie #nav #expertise.on {
	width: 140px;
	margin-left:0;
	background: url(../img/common/menu2_vie/menu2_expertise_on.gif) no-repeat left top;
}

#vie #nav #expertise.rollover {
	width: 140px;
	background: url(../img/common/menu2_vie/menu2_expertise_rollover.gif) no-repeat left top;
}

#vie #nav #atouts{
	width: 174px;
	background: url(../img/common/menu2_vie/menu2_atouts_off.gif) no-repeat left top;
}

#vie #nav #atouts.on {
	width: 174px;
	background: url(../img/common/menu2_vie/menu2_atouts_on.gif) no-repeat left top;
}

#vie #nav #atouts.rollover {
	width: 174px;
	background: url(../img/common/menu2_vie/menu2_atouts_rollover.gif) no-repeat left top;
}	

#vie #menu2 #simplicite{
	width: 128px;
	background: url(../img/common/menu2_vie/menu2_simplicite_off.gif) no-repeat left top;
}

#vie #menu2 #simplicite.on {
	width: 128px;
	background: url(../img/common/menu2_vie/menu2_simplicite_on.gif) no-repeat left top;
}

#vie #menu2 #simplicite.rollover {
	width: 128px;
	background: url(../img/common/menu2_vie/menu2_simplicite_rollover.gif) no-repeat left top;
}

#vie #menu2 #liberte{
	width: 129px;
	background: url(../img/common/menu2_vie/menu2_liberte_off.gif) no-repeat left top;
}

#vie #menu2 #liberte.on {
	width: 129px;
	background: url(../img/common/menu2_vie/menu2_liberte_on.gif) no-repeat left top;
}

#vie #menu2 #liberte.rollover {
	width: 129px;
	background: url(../img/common/menu2_vie/menu2_liberte_rollover.gif) no-repeat left top;
}

#vie #menu2 #avantage.off{
	width: 119px;
	background: url(../img/common/menu2_vie/menu2_avantages_off.gif) no-repeat left top;
}

#vie #menu2 #avantage.on {
	width: 119px;
	background: url(../img/common/menu2_vie/menu2_avantages_on.gif) no-repeat left top;
}

#vie #menu2 #avantage.rollover {
	width: 119px;
	background: url(../img/common/menu2_vie/menu2_avantages_rollover.gif) no-repeat left top;
}

#vie #menu2 #expertise{
	width: 140px;
	background: url(../img/common/menu2_vie/menu2_expertise_off.gif) no-repeat left top;
}

#vie #menu2 #expertise.on {
	width: 140px;
	margin-left:0;
	background: url(../img/common/menu2_vie/menu2_expertise_on.gif) no-repeat left top;
}

#vie #menu2 #expertise.rollover {
	width: 140px;
	background: url(../img/common/menu2_vie/menu2_expertise_rollover.gif) no-repeat left top;
}

#vie #menu2 #atouts{
	width: 174px;
	background: url(../img/common/menu2_vie/menu2_atouts_off.gif) no-repeat left top;
}

#vie #menu2 #atouts.on {
	width: 174px;
	background: url(../img/common/menu2_vie/menu2_atouts_on.gif) no-repeat left top;
}

#vie #menu2 #atouts.rollover {
	width: 174px;
	background: url(../img/common/menu2_vie/menu2_atouts_rollover.gif) no-repeat left top;
}	
/****** /Header format Direct Assurance */

/* BODY */
#vie #body {position:relative; z-index:1; _width:990px; _margin-left: 43px;}
#vie #body:after{content: "";display: block;height: 0;overflow: hidden;clear: both;}
/* Chemin de fer */
#vie #cdf {padding: 13px 0px 0px 20px;}
#vie #cdf a {color: #818195;}

/*FAQ*/
#vie #faq {}
#vie div#faq h2 {background: transparent none; padding: 0px;}

/* col LEFT */
#vie #body #colCenter {float: left;width:733px; _width:733px;  border: 1px solid #c1c0c8;background: #fff;border-top: 0;position: relative;}
#vie #body #colCenter .visuelPricipal {background:#fff url(../img/visuelPrincipal.jpg) no-repeat right 65px;}


/* ContentLinks */

#vie .hPacks {/*height:250px;*/} /* new */

#vie .content {}
#vie .contentLinks {background: transparent url(../img/common/vie/bg_degrede_blanc_bleu.png) repeat-x bottom left;}
#vie .contentLinks .separator {border-right:1px solid #C3C3C3;}
#vie .contentLinks h4 {color:#6e0b14; text-align: center; font-size: 145%; font-style:italic;}
#vie .contentLinks strong {/*color: #000000;*/}
#vie .minHeight135px {min-height:135px;_height:135px;}
#vie .minHeight120px {min-height:120px;_height:120px;}
#vie .minHeight100px {min-height:100px;_height:100px;}
#vie .minHeight115px {min-height:115px;_height:115px;}
#vie .minHeight80px {min-height:80px;_height:80px;}
#vie .minHeight70px {min-height:70px;_height:70px;}
#vie .minHeight50px {min-height:50px;_height:50px;}

/*Profil Investisseur*/
#vie #profil {background: transparent url(../img/common/vie/bg_degrede_blanc_bleu.png) repeat-x bottom left;}
#vie #profilNew {background: transparent url(../img/common/vie/bg_degrede_blanc_bleu.png) repeat-x bottom left; margin-top:60px;} /* new */

/* col Right */
#vie #body #colRight { width: 137px; overflow: hidden; _overflow: visible; zoom: 1;padding: 206px 20px 0 20px;}

/* MACARON FLASH */
#vie #macaronFlash {
	position:absolute;
	top: -80px;
	left: 700px;
	z-index:1001;
	}

#vie #macaronSpecialVieHome { /* debajo del macaron */
	margin-top:-120px;
	z-index:100;
	}
#vie #macaronSpecialVieHome br { /* debajo del macaron */
	clear:both;
	}

#vie #macaronSpecialVie { /* new */
	position: absolute;
	top: 206px;
	left: 755px;
	z-index:100;
	}

#vie #macaronVie {
	margin-top:200px;
	margin-left:20px;
	}
	
#vie #homeFlash {position:relative; z-index:1000; zoom:1; margin:0 0 0 0; padding: 0 0 0 0; display:inline-block; height:1%;}

object { margin:0 0 0 0; padding: 0 0 0 0;}
embed { margin:0 0 0 0; padding: 0 0 0 0;}

/* FOOTER */
#vie #footer{padding: 10px 0 25px 0;}
#vie #footer .contentFooter {overflow: hidden;_overflow: visible;zoom: 1;width: 735px; _width: 723px; _padding-left:43px}
#vie #footer ul.infosSite {float: right;}
#vie #footer ul li {list-style: none;display: inline;padding: 0 5px; border-right: 1px solid #787789; border-left: none;}
#vie #footer ul li.last{padding-right: 0;border: none;}
#vie #footer a {color: #787789;font-family:'Arboria_Black', sans-serif;font-size:1em;}
#vie #footer a:hover{text-decoration: none;}
#vie #footer .desc {float: left;font-size: 1.2em;font-weight: bold;}
#vie #footer ul li a.contact{
	color: black;
}


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

.blockInside .media {padding-top:10px;} /* new */

.meaRight .media {float:right; margin-left:10px; _margin-left:7px;}
.meaTop .media {text-align:center; float: none;}

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

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

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

#vie .btn, #vie .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;}
#vie .silver, #vie .silver span {background:url(../img/common/btn_silver.png) no-repeat left top;}
#vie .btnL, #vie .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;}
#vie .btn {_width:1%;white-space:nowrap;padding-left:6px;color:#fff;}
#vie .btnL {_width:3%;white-space:nowrap;padding-left:20px;color:#fff;}
#vie .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;}
#vie .silver span {color:#922336; font-size: 14px; height:31px;}
#vie .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;}
#vie a.btn, #vie a.btnL {text-decoration: none;}
#vie .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 */
#vie .line {
	overflow: hidden; _overflow: visible;
	zoom:1;
	margin:0;
	padding:0;
	display:block;
	}
#vie .unit {
	float:left;
	margin-right:10px; _margin-right:5px;
	zoom:1;
	width:auto;
	text-decoration:none;
	}
#vie .unitNew { /* new */
	float:left;
	text-align:left;
	margin:0 0;
	padding:15px 0 0 0;
	zoom:1;
	width:190px;
	}
#vie .unitXtra { /* new */
	float:right;
	text-align:right;
	width:120px;
	}
	
#vie .unitcrossover{ 
	float:left;
	width:auto;
		text-decoration:none;

	}	
	
#vie .firstunit {
	float:left;
	overflow: hidden; _overflow: visible;
	zoom:1;
	margin-left:10px; _margin-left:5px;
	margin-right:10px; _margin-right:5px;
	padding:0;
	display:block;
	}
#vie .firstunitNew { /* new */
	float:left;
	overflow: hidden; _overflow: visible;
	zoom:1;
	margin:0;
	padding:0 10px; _padding:0 5px;
	display:block;
	}

#vie .lastunit {
	float:left;
	overflow: hidden; _overflow: visible;
	zoom:1;
	margin:0 0;
	padding:0 0;
	display:block;
	
	}
#vie .lastunitNew { /* new */
	float:left;
	overflow: hidden; _overflow: visible;
	zoom:1;
	margin:0;
	padding:0 10px; _padding:0 5px;
	display:block;
	}
#vie .fond {width:733px;}	

#vie .unitCentro { /* new */
	float:left;
	text-align:center;
	padding:0 10px; _padding:0 5px;
	zoom:1;
	border-right:1px solid #C1C0C8;
	border-left:1px solid #C1C0C8;
	}

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


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

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

#vie ul.cercle li {
	background:transparent url(../img/common/puce_cercle.gif) no-repeat scroll 1px 6px;
	padding-left:11px;
	_border:1px solid #FFF; /*IE6*/
}

#vie ul.cercle li, .popin ul.cercle li{
	background: url(../img/common/puce_cercle.gif) no-repeat 0 6px;
	padding-left: 10px;
}

#vie ul.cercle li a, .popin ul.cercle li a{
	display: block;
	color: #787789;
}

/*couleur de titre des rubrique des questions ds la liste deroulante. 1 produit 1 couleur */
#vie .homeAutoBloc1 select optgroup, #vie .faqHeader select optgroup{ 
	color: #A81D2D;
}
/*couleur de titre de la page nos garanties.couleur en fonction de l'univers.. avant ce style se trouvait ds da_main*/

.probando {float:left; padding-left:20px;}

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

#vie #superpose {position:relative;}

#vie #perso {position: absolute; top: 100px; left: 280px;}
#vie #suggestions {position: relative; zoom:1; clear:both; _top:10px}
/* new */
#vie #formulePerso {background: #b52233 url(../img/common/vie/bg_formulePerso.png) repeat-x bottom left;}
#vie #formulePerso h2, #vie #formulePerso p, #vie #formulePerso ul, #vie #formulePerso li {color: #FFFFFF;}
#vie #formulePerso div.title {background: transparent url(../img/common/vie/taux.png) no-repeat 525px 0px; min-height:60px; _height:60px;filter:expression(pngFix(this));}

#vie #formulePerso div.title h2 {font-size: 235%; font-weight: normal;}
#vie #formulePerso div.title p {font-size: 160%; font-weight: normal; font-style:italic;}
/* new */
/* #vie #formulePerso .listAdvantages, #vie #formulePerso .detailSimplicite {font-weight: bold;} */
#vie #formulePerso  {color:#FFFFFF;}
#vie #formulePerso table, #vie #formulePerso td {font-weight:bold; color:#FFFFFF;}
#vie #formulePerso p, #vie #formulePerso font {font-weight:bold; color:#FFFFFF;}
#vie #formulePerso ul, #vie #formulePerso ol {font-size:120%;list-style-type:disc; font-weight:bold; padding-left: 15px;}
#vie #formulePerso li {font-weight:bold; color:#FFFFFF;}
#vie #formulePerso strong {color:#FFFFFF; font-weight:bold;}
#vie #formulePerso em {color:#FFFFFF; font-style:italic;}


#vie #formulePerso a {font-weight:bold;color:#FFFFFF;}
#vie #formulePerso .botHref {
	float:left;
	position:relative;
	top:20px;
}
#vie #formulePerso .botImg img {
	float:left;
	position:relative;
	top:10px;
	left:40px;
}

#vie #formulePerso p.listAdvantages {font-size:150%;}
#vie #formulePerso ul.listAdvantages {font-size:120%;list-style-type:disc; padding-left: 15px;}

/* Coin */
#vie #formulePerso .tl, #vie #formulePerso .tr, #vie #formulePerso .bl, #vie #formulePerso .br{ background-image:url(../img/common/vie/corners.png); height:7px; width:7px;}
#vie #formulePerso .tl,#vie #formulePerso .tr {margin-bottom:-7px;}
#vie #formulePerso .bl,#vie #formulePerso .br {margin-top:-7px;}

/* new */
#vie #formulePerso .tl3, #vie #formulePerso .tr3, #vie #formulePerso .bl3, #vie #formulePerso .br3 { background-image:url(../img/common/vie/corners12345.png); height:7px; width:7px;}
#vie #formulePerso .tl3,#vie #formulePerso .tr3 {margin-bottom:-7px;}
#vie #formulePerso .bl3,#vie #formulePerso .br3 {margin-top:-7px; _margin-top:-13px;}

#vie #formulePerso .tl3 {background-position: left top;float:left;}
#vie #formulePerso .tr3 {background-position: right top;float:right;}
#vie #formulePerso .bl3 {background-position: left bottom; float:left;}
#vie #formulePerso .br3 {background-position: right bottom; float:right;}

#vie #suggestions h2, #vie #suggestions h3, #vie #suggestions div, #vie #suggestions a, #vie #suggestions strong, #vie #suggestions li{color: #6e0b14;}
#vie #suggestions h2 {font-size: 190%;}

/* 123 new */
#vie #suggestions .block {
	background: transparent url(../img/common/vie/bg_suggestion.png) no-repeat top left; 
	padding-top:13px;
	}
#vie #suggestions .blockInside {
	background: transparent url(../img/common/vie/bg_suggestion.png) repeat-y bottom left; 
	padding:10px 20px 20px 10px;
	}

/* 123 new */
#vie #suggestions .content { margin-top:10px; }
#vie #suggestions .sizeSmall { height:110px; }
#vie #suggestions .sizeMedium { height:130px; }
#vie #suggestions .sizeLarge { height:170px; }

#vie #suggestions .size1on2 .block {background: transparent url(../img/common/vie/bg_suggestion_large.png) no-repeat top left;}
#vie #suggestions .size1on2 .blockInside {background: transparent url(../img/common/vie/bg_suggestion_large.png) repeat-y bottom left;}

#vie #suggestions .block, #vie #suggestions .blockInside {filter:expression(pngFix(this));}

/*  block par defaut  */
#vie .block{overflow:hidden;zoom:1;}

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

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

#vie .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 */
#vie .blockFiled{background-color:#f5eeee;}


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


#vie .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;}
/*couleur de titre des rubrique des questions ds la liste deroulante des FAQ. 1 produit 1 couleur */
.homeAutoBloc1 select optgroup, .faqHeader select optgroup{
	color: #6E0B14;
}




/* ************************ */ /* new */

.floatLeft {float:left;}
.floatRight {float:right;}

.floatLeftPack {float:left; width:200px; border:1px solid magenta;} 
.floatRightPack {float:right; width:100px; border:1px solid yellow;}

.w25Pcent {width:25%;}
.margL15 {margin-left:15px;}


/* ************************ */

.w25Pcent {width:25%;}
.margL15 {margin-left:15px;}

/* Styles relatifs a l'univers Auto */

.titre1, a{
	color: #A31C2B;
}

.txt9 a{
	color: #A31C2B !important;
}


/*style ecrase le style ds da_main table2 th*/
.table2 th{
	color: #A31C2B;
	/*padding: 9px 1px;*/
	
}
/*style ecrase le style ds da_main table2 th#formules*/
.table2 th#formules{
color: #A31C2B;
/*padding: 9px;*/
}


.backToTop{
	background: white url(../img/common/vie/puce_backtotop.gif) 7px 7px no-repeat;
}

/*couleur de titre des rubrique des questions ds la liste deroulante. 1 produit 1 couleur */

.homeAutoBloc1 select optgroup, .faqHeader select optgroup{ 
	color: #A31C2B;
}

#contacterEspace {
border:2px solid #a31c2b;
float:left;
margin:30px 0 0 60px;
padding:20px 0 10px;
text-align:center;
width:200px;
}

div.head h3{
background-color:#ffffff;
background: #FFF url(../img/common/perso/puce_cercle_bordeaux.gif) no-repeat 5px 12px;
}

div.head a{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #a31c2b;
}

		
#leMenu ul li 

{

background-color: #ffffff;

background-image: url(../img/common/perso/puce_cercle_bordeaux.gif);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt 14px;


}		
#leMenu ul li a

{
color: #787789;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #a31c2b;
}