<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>article</title>
<meta name="description" content=""/>
<meta name="keyword" content=""/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="alternate" href="https://www.assurancevie.com/" hreflang="fr-FR" />
<link href="https://google.com/+Assurancevie75002" rel="publisher" />
<meta name="robots" content="follow, index" />
<meta name="rights" content="2016 - Assurancevie.com" />
<meta name="original-source" content="https://www.assurancevie.com/" />
<meta name="msvalidate.01" content="EFBD978D6E62487EC6A17D5C0F129452" />
<base href="https://www.assurancevie.com/" />


<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/components/bootstrap/vendor/js/html5shiv.js"></script>
<script src="/assets/components/bootstrap/vendor/js/respond.min.js"></script>
<![endif]-->




<link rel="stylesheet" href="/assets/components/minifyx/cache/styles_b7eebc4741.css" type="text/css" />

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MJ6KLHB');</script>
<!-- End Google Tag Manager -->

	<meta property="fb:admins" content="assurancevie" />
<meta property="og:site_name" content="Assurancevie.com" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.assurancevie.com/assetz/css/article.css" />
<meta property="og:title" content="article" />
<meta property="og:image" content="https://www.assurancevie.com/assets/images/assurancevie/logo_assurancevie_a.jpg" />
<meta property="og:description" content="" />
	<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Assuranceviecom" />
<meta name="twitter:site:id" content="135489378" />
<meta name="twitter:url" content="https://www.assurancevie.com/assetz/css/article.css" />
<meta property="og:email" content="info@assurancevie.com" />
<meta name="twitter:title" content="article" />
<meta name="twitter:description" content="" />
<meta name="twitter:image:src" content="https://www.assurancevie.com/assets/images/assurancevie/logo_assurancevie_a.jpg" />
<meta name="twitter:image:width" content="80" />
<meta name="twitter:image:height" content="80" />
	<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "headline" : "css : article",
  "articleBody" : "/* BACKGROUND */
.white-background {background-color:#ffffff;}
.background-light-grey {background-color:#e8e8e8;}
.background-light-vert {background-color:#edfded;}
.background-light-bleu {background-color:#eef8fb;}
.background-light-jaune {background-color:#fdfbf0;}
.background-light-modere {background-color:#e1fbee;}
.background-light-equilibre {background-color:#fbf5fc;}
.background-light-dynamique {background-color:#fff4ec;}

/* BORDER  */
.border-blue {border:#00b0f0 2px solid;
	     background-color:#fff;
	     padding:15px;
}


.border-green {border:#77c65b 2px solid;
	     background-color:#fff;
	     padding:15px;
}

.border-grey {border:#696969 2px solid;
	     background-color:#fff;
	     padding:15px;
}

.border-grey-light {border:#dddddd 1px solid;
	     background-color:#fff;
             margin:15px 0px;
	     padding:15px;
}

.border-orange {border:#e49600 2px solid;
	     background-color:#fff;
	     padding:15px;
}

.border-mauve {border:#9239ac 2px solid;
	     background-color:#fff;
	     padding:15px;
}


/* SEPARATOR */
.separator {
    border-bottom:#646464 1px solid;
    padding-bottom:20px;
}


/* TEXT */
.bodytext {font:0.625em / 1em Arial, Helvetica, sans-serif}
.text24 {font-size:24px;}
.text22 {font-size:22px;}
.text18 {font-size:18px;}
.text16 {font-size:16px;}
.text15 {font-size:15px;}
.text14 {font-size:14px;}
.text12 {font-size:12px;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.textsouligne {text-decoration:underline;}
.bold {font-weight:700;}
.ital {font-style:italic;}
.rouge {color:#da5d38;}
.orange {color:#e49600;}
.color-phone {color:#d17422;}
.color-email {color:#37a935;}
.color-adresse {color:#d67487;}
.color-assurancevie {color:#b97d96;}
.color-perp {color:#eaa157;}
.color-madelin {color:#399eb2;}
.color-capi {color:#5c86b8;}
.color-pea {color:#ddb626;}
.bleu {color:#00b0f0;}
.bleu-contact{color:#4c587f;}
.jaune-contact{color:#f1973f;}
.bluelight {color:#00b0f0;}
.jaune {color:#d8a214;} 
.greendark {color:#037800;}
.green {color:#77c65b;}
.bordeau {color:#a4311c;}
.greentitle {color:#62b445;}
.avertissement {color:#e1470b; font-weight:700;}
.astuce {color:#f2a62f;}
.note {color:#77c65b;}
.bon-plan {color:#9239ac;}
.modere {color:#31b675;}
.equilibre {color:#95499c;}
.dynamique {color:#e27d3a;}
.audacieux {color:#bb453c;}

/* WIDTH */
.width50 {width:50%;}

/* PADDING  */
.padding0 {padding:0px;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:20px;}
.paddingleft10 {padding-left:10px;}
.paddingright15 {padding-right:15px;}
.paddingright20 {padding-right:20px;}
.paddingtop10 {padding-top:10px;}
.paddingtop20 {padding-top:20px;}
.paddingbot10 {padding-bottom:10px;}
.paddingbot30 {padding-bottom:30px;}

/*  MARGIN */
.margin0 {margin:0px;}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.margin20 {margin:20px;}
.margin30 {margin:30px;}
.marginleft0 {margin-left:0px;}
.marginleft10 {margin-left:10px;}
.marginleft20 {margin-left:20px;}
.marginleft30 {margin-left:30px;}
.marginright20 {margin-right:20px;}
.margintop10 {margin-top:10px;}
.margintop20 {margin-top:20px;}
.margintopbot20 {margin:20px 0px;}
.margintopbot30 {margin:30px 0px;}
.margintop30 {margin-top:30px;}
.margintop50 {margin-top:50px;}
.marginbottom5 {margin-bottom:5px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom30 {margin-bottom:30px;}
.marginbottom40 {margin-bottom:40px;}
.marginleft20 {margin-left:20px;}


/* BUTTON */
.margin0 {margin:0px;}


/*  FLOAT  */
.float-none {float:none !important;}
.floatleft {float:left;}


/*  FLEX BOX  */
.flexbox {
  display: flex;
}
.flexalign {
  align-items:center;
}

.flexcenter {
  display: flex;
  justify-content:center;
}

/* BORDURE */
.border-grey {border:#434343 2px solid;
			  background-color:#fff;
			  padding:15px;}


.border-green {border:#77c65b 2px solid;
			  background-color:#fff;
			  padding:15px;
}

.border-orange {border:#e1980b 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;}


.border-blue {border:#00b0f0 2px solid;
			  background-color:#fff;
			  padding:15px;
}

.border-jaune {border:#d8a214 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;
}

.border-bordeau {border:#a4311c 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;
}

.border-astuce {border:#f2a62f 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;
}

.border-note {border:#77c65b 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;
}


/*  TABLE  */
.markdown blockquote table thead th {background-color:#77c65b;}
.markdown table tbody th {color:#62b445; text-align:center;}
.markdown table tbody tr td {text-align:center;}
.markdown table tbody tr td.vertclair-background {background-color:#f3fcf0;}
.markdown table thead th+th {text-align:center;}
.table tbody tr td .ital {font-style:italic;}
.markdown table tbody tr td.textright {text-align:right;}
.markdown table tbody tr td.textleft {text-align:left;}
.markdown table thead th.blue-background {background-color:#0296cb;}


/*  BLOCKQUOTE  */
.blockquote {margin : 20px 0px  20px  0px;}


/* GRAPH  */
.highcharts-axis.highcharts-yaxis {display:none;}
.highcharts-credits  {display:none;}
.highcharts-title {display:none;}


/*  PANEL-HEADING   */
.panel-heading h3 {top:0px; margin-bottom:0px;}


/* MENTIONS LEGALES  */
.mentions-legales {font-size:11px;}


/* MOBILE  */
.souscr-mobile {
	display:none;
}

@media screen and (max-width: 640px)
{
.image.souscription img
  	{
	  display:none; 
	}
}

@media screen and (max-width: 640px)
{
.souscr-mobile 
	{
		display:block;
	}
} ",
  "genre" : "Financial",
  "articleSection": ["Financial","Investment", "Insurance"],
  "speakable" : "https://www.assurancevie.com/assetz/css/",
  "url" : "https://www.assurancevie.com/assetz/css/article.css",
  "mainEntityOfPage": {
    "@type": "WebPage",
	"@id": "https://www.assurancevie.com/assetz/css/article.css"
  },
  "image": [
    "https://www.assurancevie.com/assets/images/logos/logo_assuranceviecom_frais_reduits.png"
   ],
  "datePublished": "2018-03-08T13:28:00+01:00",
  "dateModified": "2020-03-09T09:55:38+01:00",
  "author": {
    "@type": "Organization",
    "name": "La rédaction d'Assurancevie.com"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Assurancevie.com",
    "logo": {
      "@type": "ImageObject",
      "url": "https://www.assurancevie.com/assets/images/logos/logo_assuranceviecom_frais_reduits.png"
    }
  },
  "description": "article ",
  "inLanguage": {
	"@type": "Language",
	"name": ["French"]
   }
}
</script>
	<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://www.assurancevie.com/",
      "name": "Accueil Assurance vie"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "https://www.assurancevie.com/assetz/css/",
      "name": "css"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "https://www.assurancevie.com/assetz/css/article.css",
      "name": "article"
    }
  }]
}
</script>
	
  </head>
  
  <body id="id964" class="template2 parentN1_138  parentN2_943 ">
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJ6KLHB"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <div id="page">	  
      <div id="header">
  <div class="container">
    <h1 id="logo" title="assurance vie en ligne"><a href="https://www.assurancevie.com/">Assurancevie.com</a></h1>
    <div id="liensHaut">
      <ul class="nav">
	<li  class="first"  id="item51" >
	<a href="/asv/nous-contacter/" > Nous contacter
	</a>
	
</li>
<li   id="item50" >
	<a href="infos/qui-sommes-nous.html" > Qui sommes-nous ?
	</a>
	
</li>
<li  class="last"  id="item627" >
	<a href="presse/" > Espace presse
	</a>
	
</li>

</ul>

    </div><!-- #liensHaut -->
    <div id="liensActions">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav .navbar-collapse" aria-expanded="false" aria-controls="navbar">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="text">Menu</span>
    </button>
	  <ul class="nav">
		<li class="first" id="item52">
		  <a href="nos-contrats/assurance-vie/comparer-nos-contrats-d-assurance-vie.html">Nos assurances vie</a>
		</li>
		<li class="last" id="item53">
		  
		  <a href="espace-client/connexion-partenaires.html">Espace client</a>
		  
		</li>
	  </ul>
    </div><!-- #liensActions -->
  </div><!-- .container -->
</div><!-- #header -->

<div id="nav">
  <div id="navbar">
    <div class="container">
      <div class="navbar-collapse collapse">

        <ul class="nav">
	<li class="first dropdown">
	<a href="nos-contrats/" title="Nos contrats" class="dropdown-toggle" data-toggle="dropdown" >
		Nos contrats 
	</a>
	<ul class="dropdown-menu">
	<li  class="first">
	<a href="nos-contrats/assurance-vie/" >Assurance vie</a>
	
</li>
<li >
	<a href="nos-contrats/perp/" >PERP</a>
	
</li>
<li >
	<a href="nos-contrats/capitalisation/" >Contrat de capitalisation</a>
	
</li>
<li >
	<a href="nos-contrats/pea/" >PEA assurance</a>
	
</li>
<li >
	<a href="nos-contrats/pea-pme/" >PEA PME assurance</a>
	
</li>
<li  class="last">
	<a href="nos-contrats/madelin/" >Madelin</a>
	
</li>

</ul>

</li>
<li class=" dropdown">
	<a href="actualites/" title="Actualités" class="dropdown-toggle" data-toggle="dropdown" >
		Actus 
	</a>
	<ul class="dropdown-menu">
	<li  class="first">
	<a href="actualites/assurancevie.com/" >Assurancevie.com</a>
	
</li>
<li >
	<a href="actualites/strategie-dinvestissement/" >Palmarès des unités de compte</a>
	
</li>
<li >
	<a href="actualites/question-de-fonds/" >Question de fonds</a>
	
</li>
<li >
	<a href="actualites/placements/" >Placements</a>
	
</li>
<li >
	<a href="actualites/assurance-vie/" >Assurance vie</a>
	
</li>
<li >
	<a href="actualites/marches/" >Marchés</a>
	
</li>
<li  class="last">
	<a href="actualites/le-palmares-des-trackers-etf/" >Palmarès des trackers/ETF</a>
	
</li>

</ul>

</li>
<li class=" dropdown">
	<a href="simulateurs-et-outils/" title="Mieux épargner" class="dropdown-toggle" data-toggle="dropdown" >
		Mieux épargner 
	</a>
	<ul class="dropdown-menu">
	<li  class="first">
	<a href="simulateurs-et-outils/tout-sur-lassurance-vie/" >Assurance vie</a>
	
</li>
<li >
	<a href="simulateurs-et-outils/fonds-en-euros/" >Fonds en euros</a>
	
</li>
<li >
	<a href="simulateurs-et-outils/les-unites-de-compte/" >Les unités de compte</a>
	
</li>
<li >
	<a href="simulateurs-et-outils/sci-scpi/" >Fonds immobiliers</a>
	
</li>
<li  class="last">
	<a href="simulateurs-et-outils/lexique/" >Lexique</a>
	
</li>

</ul>

</li>
<li class=" dropdown">
	<a href="gestion-pilotee/" title="Gestion pilotée" class="dropdown-toggle" data-toggle="dropdown" >
		Gestion pilotée 
	</a>
	<ul class="dropdown-menu">
	<li  class="first">
	<a href="gestion-pilotee/la-gestion-pilotee-evolution-vie/" >La gestion pilotée d'Evolution Vie</a>
	
</li>
<li  class="last">
	<a href="gestion-pilotee/la-gestion-pilotee-de-puissance-avenir/" >La gestion pilotée de Puissance Avenir</a>
	
</li>

</ul>

</li>
<li   id="item46" >
	<a href="aide-a-linvestissement/" > Allocations Modèles
	</a>
	
</li>
<li class=" dropdown">
	<a href="assureur/" title="Nos assureurs" class="dropdown-toggle" data-toggle="dropdown" >
		Nos assureurs 
	</a>
	<ul class="dropdown-menu">
	<li  class="first">
	<a href="assureur/suravenir.html" >Suravenir, un assureur solide et innovant</a>
	
</li>
<li >
	<a href="assureur/aviva.html" >Aviva France, l’un des premiers assureurs en Europe</a>
	
</li>
<li  class="last">
	<a href="assureur/generali-vie.html" >Generali Vie, un acteur incontournable du marché</a>
	
</li>

</ul>

</li>
<li  class="last"  id="item1070" style="background-image: -webkit-linear-gradient(top,#0c85d2,#0a69a6);">
	<a href="informations/offre-de-parrainage-a-vous-d-en-profiter.html" ><i class="fas fa-gift"></i> Parrainage
	</a>
	
</li>

</ul>


      </div><!-- .nav-collapse -->
    </div><!-- .container -->
  </div><!-- #navbar -->
</div><!-- #nav -->
      <div id="breadcrumb" class="hidden-xs">
<div class="container">
<ol class="breadcrumb">
	<li><a href="https://www.assurancevie.com/">Assurance vie et solutions d'épargne à frais réduits</a></li><li><a href="assetz/">assets dynamiques</a></li><li><a href="assetz/css/">css</a></li><li>article</li>
</ol>
</div><!-- fin.container -->

</div><!-- #breadcrumb -->	  
      <div id="maincontent">
        <div class="container">
          <div class="row">
            <div class="col-sm-3 gauche">
			  <div id="aside">
                <div id="subnav">
  <div class="parent">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#subnav .navbar-collapse" aria-expanded="false" aria-controls="navbar">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="text">Sous-Menu</span>
    </button>
    <a href="assetz/">assets dynamiques</a>
  </div>

  <div class="navbar-collapse collapse">
    
  </div>
</div><!-- #subnav -->

				<div id="asides" class="hidden-xs">






</div>

              </div><!-- #aside -->
            </div><!-- .col -->
			
            <div class="col-sm-8 col-sm-offset-1 droite">
              <div id="content">
                <div class="more text-left retour"><a href="assetz/">
Retour
</a></div>
				
                <h2>article</h2>
				

				
                <div class="markdown">
				  



	  
				  
/* BACKGROUND */
.white-background {background-color:#ffffff;}
.background-light-grey {background-color:#e8e8e8;}
.background-light-vert {background-color:#edfded;}
.background-light-bleu {background-color:#eef8fb;}
.background-light-jaune {background-color:#fdfbf0;}
.background-light-modere {background-color:#e1fbee;}
.background-light-equilibre {background-color:#fbf5fc;}
.background-light-dynamique {background-color:#fff4ec;}

/* BORDER  */
.border-blue {border:#00b0f0 2px solid;
	     background-color:#fff;
	     padding:15px;
}


.border-green {border:#77c65b 2px solid;
	     background-color:#fff;
	     padding:15px;
}

.border-grey {border:#696969 2px solid;
	     background-color:#fff;
	     padding:15px;
}

.border-grey-light {border:#dddddd 1px solid;
	     background-color:#fff;
             margin:15px 0px;
	     padding:15px;
}

.border-orange {border:#e49600 2px solid;
	     background-color:#fff;
	     padding:15px;
}

.border-mauve {border:#9239ac 2px solid;
	     background-color:#fff;
	     padding:15px;
}


/* SEPARATOR */
.separator {
    border-bottom:#646464 1px solid;
    padding-bottom:20px;
}


/* TEXT */
.bodytext {font:0.625em / 1em Arial, Helvetica, sans-serif}
.text24 {font-size:24px;}
.text22 {font-size:22px;}
.text18 {font-size:18px;}
.text16 {font-size:16px;}
.text15 {font-size:15px;}
.text14 {font-size:14px;}
.text12 {font-size:12px;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.textsouligne {text-decoration:underline;}
.bold {font-weight:700;}
.ital {font-style:italic;}
.rouge {color:#da5d38;}
.orange {color:#e49600;}
.color-phone {color:#d17422;}
.color-email {color:#37a935;}
.color-adresse {color:#d67487;}
.color-assurancevie {color:#b97d96;}
.color-perp {color:#eaa157;}
.color-madelin {color:#399eb2;}
.color-capi {color:#5c86b8;}
.color-pea {color:#ddb626;}
.bleu {color:#00b0f0;}
.bleu-contact{color:#4c587f;}
.jaune-contact{color:#f1973f;}
.bluelight {color:#00b0f0;}
.jaune {color:#d8a214;} 
.greendark {color:#037800;}
.green {color:#77c65b;}
.bordeau {color:#a4311c;}
.greentitle {color:#62b445;}
.avertissement {color:#e1470b; font-weight:700;}
.astuce {color:#f2a62f;}
.note {color:#77c65b;}
.bon-plan {color:#9239ac;}
.modere {color:#31b675;}
.equilibre {color:#95499c;}
.dynamique {color:#e27d3a;}
.audacieux {color:#bb453c;}

/* WIDTH */
.width50 {width:50%;}

/* PADDING  */
.padding0 {padding:0px;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:20px;}
.paddingleft10 {padding-left:10px;}
.paddingright15 {padding-right:15px;}
.paddingright20 {padding-right:20px;}
.paddingtop10 {padding-top:10px;}
.paddingtop20 {padding-top:20px;}
.paddingbot10 {padding-bottom:10px;}
.paddingbot30 {padding-bottom:30px;}

/*  MARGIN */
.margin0 {margin:0px;}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.margin20 {margin:20px;}
.margin30 {margin:30px;}
.marginleft0 {margin-left:0px;}
.marginleft10 {margin-left:10px;}
.marginleft20 {margin-left:20px;}
.marginleft30 {margin-left:30px;}
.marginright20 {margin-right:20px;}
.margintop10 {margin-top:10px;}
.margintop20 {margin-top:20px;}
.margintopbot20 {margin:20px 0px;}
.margintopbot30 {margin:30px 0px;}
.margintop30 {margin-top:30px;}
.margintop50 {margin-top:50px;}
.marginbottom5 {margin-bottom:5px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom30 {margin-bottom:30px;}
.marginbottom40 {margin-bottom:40px;}
.marginleft20 {margin-left:20px;}


/* BUTTON */
.margin0 {margin:0px;}


/*  FLOAT  */
.float-none {float:none !important;}
.floatleft {float:left;}


/*  FLEX BOX  */
.flexbox {
  display: flex;
}
.flexalign {
  align-items:center;
}

.flexcenter {
  display: flex;
  justify-content:center;
}

/* BORDURE */
.border-grey {border:#434343 2px solid;
			  background-color:#fff;
			  padding:15px;}


.border-green {border:#77c65b 2px solid;
			  background-color:#fff;
			  padding:15px;
}

.border-orange {border:#e1980b 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;}


.border-blue {border:#00b0f0 2px solid;
			  background-color:#fff;
			  padding:15px;
}

.border-jaune {border:#d8a214 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;
}

.border-bordeau {border:#a4311c 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;
}

.border-astuce {border:#f2a62f 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;
}

.border-note {border:#77c65b 2px solid;
			  background-color:#fff;
			  padding:15px;
			  margin:15px;
}


/*  TABLE  */
.markdown blockquote table thead th {background-color:#77c65b;}
.markdown table tbody th {color:#62b445; text-align:center;}
.markdown table tbody tr td {text-align:center;}
.markdown table tbody tr td.vertclair-background {background-color:#f3fcf0;}
.markdown table thead th+th {text-align:center;}
.table tbody tr td .ital {font-style:italic;}
.markdown table tbody tr td.textright {text-align:right;}
.markdown table tbody tr td.textleft {text-align:left;}
.markdown table thead th.blue-background {background-color:#0296cb;}


/*  BLOCKQUOTE  */
.blockquote {margin : 20px 0px  20px  0px;}


/* GRAPH  */
.highcharts-axis.highcharts-yaxis {display:none;}
.highcharts-credits  {display:none;}
.highcharts-title {display:none;}


/*  PANEL-HEADING   */
.panel-heading h3 {top:0px; margin-bottom:0px;}


/* MENTIONS LEGALES  */
.mentions-legales {font-size:11px;}


/* MOBILE  */
.souscr-mobile {
	display:none;
}

@media screen and (max-width: 640px)
{
.image.souscription img
  	{
	  display:none; 
	}
}

@media screen and (max-width: 640px)
{
.souscr-mobile 
	{
		display:block;
	}
}


				  <div>


<div class="float-right ital">
	<p>
		Mis à jour le 
		09/03/2020
	</p>
</div>

</div>
                </div><!-- .markdown -->
              </div><!-- #content -->
            </div><!-- .col -->
          </div><!-- .row -->
        </div><!-- .container -->
      </div><!-- #maincontent -->
      <div class="wrapperContratsFooter wrapper shadow-top hidden-xs containerFonce">


  <div class="container">	
	<div class="row">
	  <div class="col-sm-12">
		<div id="products">
  <div class="container">
    <div class="more"><a href="nos-contrats/assurance-vie/comparer-nos-contrats-d-assurance-vie.html" target="_blank">Découvrir les autres contrats</a></div>
    <h3>Notre sélection de contrats</h3>
    <div class="row">
<div class="col">
  <div class="item">
	<h5>Assurance vie</h5>
	<h4>Puissance Avenir</h4>
	<div class="illustration">
	  <img src="/assets/components/phpthumbof/cache/EXE-SURAVENIR-coul3.1f83b36823bfe70921121a0d3460143f.png" alt="Assurance vie Suravenir Puissance Avenir"  title="Assurance vie Suravenir Puissance Avenir" />
	</div><!-- .illustration -->
	<a href="nos-contrats/assurance-vie/puissance-avenir/" class="overlay">voir le contrat</a>
  </div><!-- .item -->
</div><!-- .col -->
<div class="col">
  <div class="item">
	<h5>Retraite Madelin</h5>
	<h4>Puissance Avenir Madelin</h4>
	<div class="illustration">
	  <img src="/assets/components/phpthumbof/cache/EXE-SURAVENIR-coul3.1f83b36823bfe70921121a0d3460143f.png" alt="Retraite Madelin Suravenir Puissance Avenir Madelin"  title="Retraite Madelin Suravenir Puissance Avenir Madelin" />
	</div><!-- .illustration -->
	<a href="nos-contrats/madelin/puissance-avenir-madelin/" class="overlay">voir le contrat</a>
  </div><!-- .item -->
</div><!-- .col -->
<div class="col">
  <div class="item">
	<h5>Assurance vie</h5>
	<h4>Puissance Sélection</h4>
	<div class="illustration">
	  <img src="/assets/components/phpthumbof/cache/generali.d7f9ee917effe0eeb69d4238291a9a3b.png" alt="Assurance vie Generali Puissance Sélection"  title="Assurance vie Generali Puissance Sélection" />
	</div><!-- .illustration -->
	<a href="nos-contrats/assurance-vie/puissance-selection/" class="overlay">voir le contrat</a>
  </div><!-- .item -->
</div><!-- .col -->
<div class="col">
  <div class="item">
	<h5>Assurance vie</h5>
	<h4>Evolution Vie</h4>
	<div class="illustration">
	  <img src="/assets/components/phpthumbof/cache/Aviva.1f83b36823bfe70921121a0d3460143f.png" alt="Assurance vie Aviva Evolution Vie"  title="Assurance vie Aviva Evolution Vie" />
	</div><!-- .illustration -->
	<a href="nos-contrats/assurance-vie/evolution-vie/" class="overlay">voir le contrat</a>
  </div><!-- .item -->
</div><!-- .col -->
<div class="col">
  <div class="item">
	<h5>PERP (Plan d'Épargne Retraite Populaire)</h5>
	<h4>Puissance Avenir PERP</h4>
	<div class="illustration">
	  <img src="/assets/components/phpthumbof/cache/EXE-SURAVENIR-coul3.1f83b36823bfe70921121a0d3460143f.png" alt="PERP (Plan d'Épargne Retraite Populaire) Suravenir Puissance Avenir PERP"  title="PERP (Plan d'Épargne Retraite Populaire) Suravenir Puissance Avenir PERP" />
	</div><!-- .illustration -->
	<a href="nos-contrats/perp/puissance-avenir-perp/" class="overlay">voir le contrat</a>
  </div><!-- .item -->
</div><!-- .col -->
    </div><!-- .row -->
  </div><!-- .container -->
</div><!--- #products -->
	  </div><!-- .col -->
	</div><!-- .row -->
  </div><!-- .container -->


</div><!-- .wrapper -->

<div id="infos" class="">
  <div class="container">
    <div class="inner">
      <div class="row">
        <div class="col">
          <div><i class="fas fa-mobile-alt fa-lg"></i> 01 44 76 87 60</div>
        </div><!-- .col -->
        <div class="col"> 
          <div> <i class="fas fa-calendar-alt fa-lg"></i> Du lundi au vendredi <br>de 8h30 à 19h00</div>
        </div><!-- .col -->
        <div class="col">
          <div><i class="fas fa-calendar-alt fa-lg"></i> Le samedi de 9h30 à 13h00</div>
        </div><!-- .col -->
      </div><!-- .row -->
    </div><!-- .inner -->
  </div><!-- .container -->
</div><!-- #infos -->

<div id="footer" class="">
  <div class="container">
    <div class="row">
      <div class="col col-sm-9">
        <div id="sitemap">
          <div class="row">
            <div class="col col-sm-3">
              <h4><a href="nos-contrats/assurance-vie/">Assurance vie</a></h4>
			  <ul class="nav">
	<li  class="first"  id="item58" >
	<a href="nos-contrats/assurance-vie/evolution-vie/" > Evolution Vie
	</a>
	
</li>
<li   id="item59" >
	<a href="nos-contrats/assurance-vie/puissance-avenir/" > Puissance Avenir
	</a>
	
</li>
<li  class="last"  id="item60" >
	<a href="nos-contrats/assurance-vie/puissance-selection/" > Puissance Sélection
	</a>
	
</li>

</ul>

            </div><!-- .col -->
            <div class="col col-sm-3">
              <h4><a href="nos-contrats/capitalisation/">Contrat de capitalisation</a></h4>
			  <ul class="nav">
	<li  class="first"  id="item114" >
	<a href="nos-contrats/capitalisation/puissance-avenir-capi/" > Puissance Avenir Capitalisation
	</a>
	
</li>

</ul>

            </div><!-- .col -->
            <div class="col col-sm-3">
              <h4><a href="nos-contrats/pea/">PEA Assurance</a></h4>
			  <ul class="nav">
	<li  class="first"  id="item115" >
	<a href="nos-contrats/pea/puissance-avenir-pea/" > Puissance Avenir PEA
	</a>
	
</li>

</ul>

            </div><!-- .col -->
            <div class="col col-sm-3">
              <h4><a href="nos-contrats/perp/">PERP (Plan d'épargne retraite populaire)</a></h4>
			  <ul class="nav">
	<li  class="first"  id="item110" >
	<a href="nos-contrats/perp/anthologie-perp/" > Anthologie PERP
	</a>
	
</li>
<li   id="item111" >
	<a href="nos-contrats/perp/puissance-avenir-perp/" > Puissance Avenir PERP
	</a>
	
</li>
<li  class="last"  id="item112" >
	<a href="nos-contrats/perp/aviva-retraite-perp/" > Aviva Retraite PERP
	</a>
	
</li>

</ul>

            </div><!-- .col -->
          </div><!-- .row -->
        </div><!-- #sitemap -->
      </div><!-- .col -->
	  
      <div class="col col-sm-3">
        <div id="footer-nav">
		  <div class="hidden-xs">
		  <ul class="nav">
	<li  class="first"  id="item724" >
	<a href="informations/ouvrir-un-contrat.html" > Souscrire un contrat
	</a>
	
</li>
<li  class="last"  id="item967" >
	<a href="presse/" > Espace presse
	</a>
	
</li>

</ul>

		  </div>
        </div><!-- #footer-nav -->
		
        <div class="more"><a href="informations/toutes-les-mentions-legales.html">Toutes les mentions légales</a></div>
      </div><!-- .col -->
    </div><!-- .row -->
  </div><!-- .container -->
</div><!-- #footer -->
    </div><!-- #page -->
    
 
<script type="text/javascript" src="/assets/components/minifyx/cache/scripts_d9e0a1e18a.js"></script>

<script>
$(function () {
  $('[data-toggle="popover"]').popover({'trigger':'hover'})

  var slider;
  var sliderExist = false;

  $(window).resize(function() {
    if($(document).innerWidth() < 768) {
      if(!sliderExist) {
        sliderExist = true;
        slider = $('#products .row').bxSlider({auto: false, pager: false, controls: true});
      }
    } else {
      if(sliderExist) {
        sliderExist = false;
        slider.destroySlider();
      }

      $('.row, .col', '#products').attr("style", "");
    }
  }).trigger("resize")
})

$('select.redirect').change(function() {
    window.location = $(':selected',this).attr('value')
});

$.cookieBar({
message: "Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considérerons que vous acceptez l'utilisation des cookies.",
acceptButton: true,
acceptText: 'Ok',
declineButton: false,
policyButton: true,
policyText: 'En savoir plus',
policyURL: '/informations/toutes-les-mentions-legales.html',
forceShow: false,
expireDays: 365
});
</script>

<!-- Start of assurancevie Zendesk Widget script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=69468baa-4432-49d2-afcf-42be46e8de97"> </script>
<script>
    window.zESettings = {
        webWidget: {
            launcher: {
                chatLabel: {
                    '*': 'Assistance'
                }
            }
        }
    }
</script>
<!-- End of assurancevie Zendesk Widget script -->

<!-- js page -->
 

<!-- fin js --> 


  </body>
</html>