/* ============================     RESET STYLES    ========================================== */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, li,fieldset, form, label, 
legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, 
figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}   

body {
	width: 100%;
	margin : 0px auto;
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial';	
	overflow-y:scroll;
	overflow-x:auto;
	z-index: 1000;
}



blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}

/* ============================   FONTS    ========================================== */ 

/*
VIA MyFontsWebfontsKit.css =>

'HelveticaNeueLT-LightCond'
'HelveticaNeueLTStd-BdCn'
'HelveticaNeueLTStd-Cn'
 
HelveticaNeueLTStd-BdCn
HelveticaNeueLTStd-BdCn
HelveticaNeueLTStd-BdCn

*/

/*
h1, h2, h3, h4, h5, h6, p, ul, li, form, input {font-family: 'Arial', sans-serif;}
*/

h1 {	
	font-size:24px;
	font-weight: normal;
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial';
	text-transform: uppercase;
}
h2 {
	font-size:18px;
	padding-bottom:5px;
	margin:10px 0px 0px 0;
	font-weight: normal;
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial';
}
h2 a {color:#7a1455;text-decoration: none;}
/*h2 a:hover {text-decoration: underline;}*/


h3 {
	font-size:17px;
	color:#bb1d82;
	margin:5px 0px;
	line-height:21px;
}
h4 {
	font-weight:bold;
	font-size:16px;
	color:#bb1d82;
	margin:0px 0px 10px;
}
h5 {
	font-size:16px;
	color:#bb1d82;
	margin:5px 0px 5px;
	text-shadow:#fff 1px 1px 1px;
}

p, ul, ol, form, table, td {
	font-size:16px;	
	line-height:1.3em;
}

ul {
	list-style-type: none;
}

.trame_gris {
	position: relative;
	background: url(https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/3_pixels_fond_trame.png);
}

.total-triangle {
	margin-right: 7px;
	position: relative;
	top: 1px;
	display: none;
}

#form table, #form p {
	border:0px solid #999;
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial';
	color:#000;
}
#form table td {
	padding:3px;
	width:100px;
}

#form table td.avis_question {
	padding:3px 20px;
	color: #999;
}
#form table td:first-child {
	width:50px;
	color: #666;
}

#form input[type=checkbox] {
	margin-left:20px;
}

#form_votre_avis{
	margin-left: 80px;
}

#form table td.avis_titre_question, #form label.avis_titre_question {
	font-family: 'HelveticaNeueLTStd-BdCn', 'Arial';
	color:#666;
	width:600px;
}

#form label.avis_titre_question.remarques {
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial';
}
  
#form table th {
	border:0px solid #999;
	text-align: center;
	width:100px;
	margin:5px 0;
}

#btn_envoyer {
	width:300px;
	height:50px;
	line-height: 50px;
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial';
	font-size:22px;
	color:white;
	background-color: #666;
	cursor: pointer;
}
#btn_envoyer:hover {
	color:#333;
	background-color: #ccc;
}


ul {
	margin: 0;
	padding:0 0 0 20px;
}


a {
	color:#666666;
	font-size: 16px;
}
/*a:hover {color:#000!important;}*/
a:hover, .encart_wat_type2 .zone_lien_texte:hover a {
	text-decoration:underline!important;
	
}

a img {
	border:none;
}

input.btn_submit {
	border:2px solid #70A4D8;
	padding:10px;
	cursor: pointer;
	color:#70A4D8;
	background-color: #eee;
	font-weight: normal;
	font-size: 22px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
input.btn_submit:hover {
	color:#0c4da2;
	border:2px solid #0c4da2;
	background-color: #ddd;
}

table {
	border-collapse: collapse;
	border-left: 5px solid white;
	border-right: 5px solid white;
}
table.cryptographp {
	border:0;
	margin:10px 0;
}

hr {
	height: 1px;
	border: 0;
	margin: 0 5px 5px;
}
.hr_big {
  height: 3px;
  margin: 0 0 5px 0;
}

/* ============================     COMMUNS    ========================================== */
.floatL {float: left;}
.floatR {float: right;}
.clr {clear:both;height:1px;overflow:hidden;}

.btnIconeHover:hover, img.img_link:hover {
	filter: grayscale(1); /* Firefox 35+ */
	opacity : 0.5; /* IE10+ */
	filter: gray(opacity=80); /* IE6-9 */
	-moz-opacity : 0.5; /* Firefox Old */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

span.ancre{display: block; position: relative; top: -80px; visibility: hidden;}

/* ============================     STRUCTURE & CONTENT    ========================================== */


#container_1000 {
	/*position: relative;*/
	width:1000px;
	margin: 0 auto;
	border: 0px solid black;
}



#bg_container {
	/*position: relative;*/
	/*top:0px;*/
	border:0;
	width:100%;
	margin:0px auto;
	/* height:846px; */
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial';
	background-repeat: no-repeat;
}
.titre_site_connexion {
	text-align: right;
	margin: 0 30px 10px 0;
}
.titre_site {
	text-align: right;
	margin: 0 0px 10px 0;
}



#textes {
	width:100%;
	margin-top:35px;
	/*float: left;*/
	/*background-size: 5px;*/
}

.icone_btn_accueil {
	float: left;
	margin: 100px 45px;
}
#bg_bottom {
	position: relative;
	left:0;
	top:176px;
	width:100%;
	height:132px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_header_logo.jpg') top center no-repeat;
}

.contenu_form_mdp {
	position: relative;
	width:320px;
	margin:0px auto;
	top:30px;
	background-color: #64667D;
	border:2px solid #B6B8CF;
	padding:10px;
}
form#register, form#form_contact {
	color: white;
	font-weight: normal;
}
p.erreur_mdp {
	position: absolute;
	font-size: 18px;
	top:-340px;
	left:-240px;
	width:800px;
	padding:0px;
	border:2px solid #aaa;
	z-index: 9000;
}

input.champ {
	width:97%;
}


#deconnexion {
	/*position: absolute;*/
	right:0;top:-5px;
	display: inline-block;
	width:15px;
	height:18px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/picto_deconnecter.png') top left no-repeat;
	background-size: 100%;
}
a#deconnexion:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/picto_deconnecter_rol.png');}


#titre_haut_gauche {
	position: absolute;
	left:41px;
	top:26px;
	font-size: 22px;
	line-height: 20px;
	font-weight: normal;
	color:#000;
}

.accueil_mot_titre {
	/*position: absolute;*/
	/*left:266px;*/
	/*top:167px;*/
	color:#DF0C36; /*#c7c8ca*/ /*818285*/
	/*font-size: 22px;*/
	text-transform: uppercase;
}
.accueil_mot_titre strong {
	color:#818285;
	font-weight: normal;
	text-transform: uppercase;
	/*font-size: 50px;*/
}
	
.accueil_mot_contenu {
	float: left;
	width: 70%;
	/* position: relative; */
	text-align: justify;
	margin: 20px 0 20px 3%;
}

.accueil_mot_contenu p{
    font-size: 16px;
    line-height: 1.2em;
}

/*bsi18*/
.accueil_container_croissant_btn_loupes {
	position: relative;
	width:52%; /*attention li� � plus bas accueil_container_DRH : total = 100*/
	left:5%;
	float: left;
	top:40px;
}
.accueil_croissant {
	position: absolute;
	left:30px;
	top:10px;
	width:127px;
	height:295px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/accueil_croissant.png') top left no-repeat;
	background-size: 100%;
	z-index: 6000;
}
a.accueil_btn_loupe {
	position: relative;
	display: block;
	left:0;
	top:15px;
	height:90px;
	z-index: 7000;
	font-size:30px;
	text-decoration: none;
}
a.accueil_btn_loupe:hover {
	text-decoration: none!important;
}
img.accueil_btn_loupe_image {
	position: relative;
	left:-5px;
	top:20px;
}
.accueil_btn_loupe_texte {
	
}

.accueil_container_DRH {
	position: relative;
	top:20px;
	width:48%; /*attention li� � plus haut accueil_container_croissant_btn_loupes : total = 100*/
	float: left;
}
.accueil_container_DRH table {
	width:100%;
	border: 0;
	padding:0;
	border-collapse: collapse;
}
td.accueil_container_DRH_portrait {
	position: relative;
	width:37%;
	vertical-align: middle;
	vertical-align: bottom;
}
td.accueil_container_DRH_portrait img{
	display: block;
	width:100%;
	margin: 0 auto;
}
td.accueil_container_DRH_espace {
	position: relative;
	width:3%;
}
td.accueil_container_DRH_texte {
	position: relative;
	width:70%;
}
td.accueil_container_DRH_texte p {
	position: relative;
	font-size:18px;
	width:90%;
	left:5%;
	margin: 50px 0 40px 0;
}
img.accueil_guillemet {
	display: block;
	position: absolute;
}
img.accueil_guillemet1 {
	left:3%;
	top:3%;
}
img.accueil_guillemet2 {
	right:3%;
	bottom:3%;
}

.accueil_container_DRH_signature {
	position: relative;
	display: block;
	width:100%;
}
.accueil_container_DRH_signature p {
	position: relative;
	display: block;
	width:90%;
	left:5%;
	padding: 10px 0 10px 0 !important;
	
}

.texte_haut_avis {
	float:none;
}

.encart_bas_accueil {
	/*margin: 115px 0 0 10px;
	width: 250px;*/
	margin: 0px 0 0 0px;
	position: relative;
	top:45px;
	width: 48%;
	margin-left:1.3%;
	/*min-height: 300px;*/
	float: left;
}
.encart_bas_accueil_espace {
	width: 0%;
}

.encart_bas_droit, .methodo_accueil {
	/*float: left;*/	
	height:240px;
}
.methodo_accueil {
	/*width: 41%;*/
	/*width: 94%;*/ /*bsi18*/
	/*float: left;*/
	/*height: 180px;*/
	text-align: justify;
	padding: 2% 3%;
	margin : 0;
	font-size: 16px;
	line-height: 18px;
}
.methodo_accueil_margin_right {
	/*margin-right:6%;*/
}

a.lien_accueil_point_interro {
	display: inline-block;
}
img.accueil_point_interro {
	width:130px;
}

.encart_bas_droit {
	
}


a.btn_ensavoirplus_accueil, a.btn_votreavis_accueil {
	/*position: absolute;
	left:750px;
	top:0;*/
	margin: 15px auto 0;
	display: block;
	/*margin-top: 15px;*/
	width:111px;
	height:129px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_ensavoirplus_accueil.png') top left no-repeat;
}
a.btn_ensavoirplus_accueil:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_ensavoirplus_accueil_rol.png');}

a.btn_votreavis_accueil {
	/*margin-left: 10px;*/
	/*top:140px;*/
	height:187px;
	float: right;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_votreavis_accueil.png') top left no-repeat;
	
}
a.btn_votreavis_accueil:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_votreavis_accueil_rol.png');}

.enquete_accueil {
	/*width: 230px;*/
	/*float: right;*/
	margin: -5px 0 25px 0;
}

/*.enquete_accueil .encart_wat {
	width: 200px!important;
}*/




.message_erreur {
	color:red;
}

a.fleche_next {
	color: red;
	width:37px;
	height:17px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/fleche_next.png') top center no-repeat;
}
a.fleche_next:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/fleche_next_rol.png');}








.contenu_textes {	
	/*position: relative;*/
	/*left:266px;*/
	/*top:157px;*/
	/*font-size: 12px;*/
	/*min-height:650px;*/
	margin-top: 20px;
	width: 100%;
}
.contenu_textes p {
	/*position: relative;*/
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial';
	/*text-transform: uppercase;*/
	/*font-size: 1.1em;*/
	font-size: 16px;
}

.liens_sommaire {
	text-align: left;
	margin:5px 0;
}

.liens_sommaire a {
	color:#666!important;
	text-decoration: none;
	padding: 0 10px;
}

.liens_sommaire a:first-child {
  border-right: 1px solid;
}




.tableau_graph {
	/*margin-top: 20px;*/
	width: 85%;
	display: block;
	
}
.tableau_graph:after {
	clear: left;
}
.graph {
	float: left;
	margin: 0 30px;
	background-color: yellow;
	height: 10px;
	width: 43%;
}





.tableau {
	float: left;
	width: 900px;
}
.tableau_pied {
	height: 15px;
	border: 5px solid #666;
}
table.tableau_pied {
	height: 15px;
}
.p_reduit {
	width:85%;
	margin:0px auto;
}
.tableau_texte {
	width:355px;
	text-align: left;
	font-weight: normal!important;
}
.tableau_texte a {
	text-decoration: none!important;
	color: inherit!important;
}
.tableau_texte a:hover {
	text-decoration: underline!important;
}


.tableau_montant {
	width:100px;
	text-align: right;
}



.picto_i {
	display: block;
	position: absolute;
	left:-45px;
	top:-20px;
	width:49px;
	height:49px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/picto_i.png') top center no-repeat;
}

#Bloc2_fixe_variable {
	margin-top: 50px;
}


#actions_perf{
	width: 90%;
	margin:0px;
	border:0px solid grey;
}
.table_actions_perf {
	text-align: center;
	width: 570px;
	float: left;
	margin-top:20px;
}


table.table_actions_perf td{
	width: 110px;
	height: 60px;
	border-left: 1px #7D7064 dotted;
	border-bottom: 1px #7D7064 dotted;
}
table.table_actions_perf td:first-child, table.first_col{
	width: 70px;
	height: 60px;
	border-left: none;
}

.trois_barres_action_perf {
	border:0px solid grey;
	width:295px;
	float: left;
	margin-left: 30px;
}
.barre_action_perf_container {
	display: inline-block;
	width:75px;
	float: left;
	text-align: center;
	margin: 0 10px;
}
.barre_action_perf_container p {
	border-top: 1px #7D7064 dotted;
}
.barre_action_perf {
	margin-top:0px;
	display: block;
	width:20px;
	display: inline-block;
	/*-moz-box-shadow: 3px 3px 3px #444; 
	-webkit-box-shadow: 3px 3px 3px #444; 
	box-shadow: 3px 3px 3px #444;*/
	margin:10px 0;
}

.plus_infos {
	/* width: 360px; */
	margin: 0 0 0 50px;
	/*height: 120px;*/
	float: left;
	position:relative;
}
a.plus_infos_bnp {
	display: block;
	width:315px;
	height:64px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/plus_infos_bnp.png') top left no-repeat;	
}
a.plus_infos_bnp:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/plus_infos_bnp_rol.png');}

.suivez_performances_invest_container {
	position: relative;
	left:0px;
	width:950px;
}

.en_savoir {
	/*width: 328px;*/
	margin: 0 50px 0 0;
}
.en_savoir_margin_reduite {
	margin: 0 29px 0 0;
}
.en_savoir_no_margin {
	margin: 0;
}
.en_savoir_wat {
	margin-top: 5px;
}

a.en_savoir_plus_fixe_variable {
	display: block;
	width:328px;
	height:65px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_fixe_variable.png') top left no-repeat;	
}
a.en_savoir_plus_fixe_variable:hover {
	cursor: pointer;
	background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_fixe_variable_rol.png');
}

.plus_infos p{
	text-transform: none;
}
.plus_info_tel{
	margin-top: 5px;
}
.en_savoir_plus_perf {
	float: left;
	margin: 27px 0 0 155px;
}

p.bg_degrade_small, p.bg_degrade_big {
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_degrade_1px_small.png') top left repeat-y;
	padding:3px;
	margin:0 0 1px 0;
}
p.bg_degrade_big {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_degrade_1px_big.png')}

span.montant {
	display: block;
	/*position: absolute;*/
	/*top:0px;*/
	/*right:0px;*/
	padding:3px;
}

p.bg_onglet_bleu, p.bg_onglet_orange, p.bg_onglet_rose, p.bg_onglet_bleufonce, p.bg_onglet_vert, p.bg_onglet_orangefonce {
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_onglet_bleu.png') top left no-repeat;
	padding:5px 12px;
	height:42px;
	font-size: 15px;
	z-index: 2000; /* pour passer au dessus des btn vid�o */
}
p.bg_onglet_orange {
	background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_onglet_orange.png');
	height:30px;
	width:569px;
}
p.bg_onglet_rose {
	background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_onglet_rose.png');
	height:25px;
	width:300px;
	padding:5px 0px;
}
p.bg_onglet_bleufonce {
	background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_onglet_bleufonce.png');
	height:24px;
	width:270px;
	padding:5px 0px;
}
p.bg_onglet_vert {
	background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_onglet_vert.png');
	height:25px;
	width:550px;
	padding:5px 0px;
}
p.bg_onglet_orangefonce {
	background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_onglet_orangefonce.png');
	height:19px;
	width:182px;
	padding:4px 0px;
}

img#graph_synthese {
	display: block;
	position: absolute;
	left:679px; /*650*/
	top:190px;
	width:320px; /*300*/
	height:280px; /*280*/
	border:0;
}

.p_epargne_texte {
	position: relative;
	float: left;
	margin-left: 25px;
	width: 40%;
	/*position: absolute;*/
	/*right: 60px;*/
}

ul.rappel_mois_juin{
	padding: 0;
}

.rappel_mois_juin li span:first-child{
	text-decoration: underline;
}
.rappel_mois_juin li span:hover:first-child, .lien_abondements:hover {
	color: grey!IMPORTANT;
	cursor: pointer; /* pour IE, Firefox */
	cursor: hand; /* pour Chrome */
}

.lien_abondements {
	margin-left: 30px;
	background-color: #EDEDED;
	padding: 2px 5px;
}


/* OLD => FIXED	
.popup_window {
	display: none;
	position: fixed;
	top: 61%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
	width: 400px;
	padding: 15px;
	border: 1px solid;
	z-index: 9002;
	color: #7d7064;
}
*/

/*new => absolute*/

.popup_window {
	display: none;
	position: absolute;
	top: 550px;
	left: 50%;
	margin-top: 0px;
	margin-left: -200px;
	width: 400px;
	padding: 15px;
	border: 1px solid;
	z-index: 8002;
	color: #7d7064;
}


.popup_window_abond {
	position: absolute;
	margin-top: 10px;
	margin-left: -340px;
	width: 620px;
	padding: 0 40px;
	z-index: 999999;
}

.popup_window_abond span{
	color: black;
	padding-right: 36px;
}

.popup_window_vv_juin {
	margin-top: 260px;
	margin-left: -420px;	
}

.popup_en_savoir_plus {
	margin-top: 220px;
	margin-left: -420px;
}




.btn_liens_ensavoirplus_emma{
	width: 550px;
	float: left;
}
.lien_mon_epargne{
	position: relative;
	width: 211px;
	height: 114px;
	display: block;
	cursor: pointer;
}

.txt_encart {
	position: absolute;
	left: 0;
	top: -5px;
}

.plus_infos .wat_logo {
	position: absolute;
	right: 0;
}


.btn_mon_epargne{
	float: right;
	/*text-align: right;*/
	position: relative;
	/*right: 30px;*/
	left: 0px;
}
.btn_mon_epargne img {
	float: right;
	margin-bottom: 5px;
}

.conteneur_btns_right {
	position: absolute;
	left:65%;
	top:30px;
}


.btn_formulaire_pdf_wat {
	position: relative;
	float: left;	
	margin-top:10px;
}
.btn_formulaire_pdf_wat_margin {
	margin-right:40px;
}






.graph_plans_epargne {
	position: relative;
}



.graph_plans_epargne_container {
	position: relative;
	background-color: #fff;
	z-index:2000;
	border-bottom:2px dotted #999;
	margin-right:30px;
}


/* ===========================      STYLE POUR LES bloc_graph_epargne     ======================= */
/* ===========================     cf aussi  STYLES via php dans    _bsi_graph_plans_epargne_new.php ======================= */
.bloc_graph_epargne {
	position: relative;
/*	width: voir php
	height: voir php
	left: voir php
	top: voir php*/
}

a.en_savoir_plus_plan {
	font-size:0.8em;
}




.masque_CET_si_zero {
	position: absolute;
	background: #fff;
	width:110%;
	height:105%;
	z-index: 9000;
}



p#popup_volante_l, p#popup_volante_r {
	position:absolute;
	display:block;
	z-index:995;
	width:auto;
	font-size:15px;
	text-align: left;
	padding:5px 10px;
	margin:-30px 0 0 0px;
	background-color: #eee;
	border:1px solid #333;	
}
p#popup_volante_l span, p#popup_volante_r span {
	position:absolute;
	color:#999;
}



#plan_epargne_optimiser {
	position: relative;
	left:0;
	top:0;
	/*float: left;*/
	width: 100%;
	margin: 0px 30px 0px 0;
	padding:5px;
	border : 2px dotted #7d7064;
}
#plan_epargne_optimiser_btn {
	float: left;
	cursor: pointer;
}

#graph_plans_epargne_graph1_container, #graph_plans_epargne_graph2_container {
	display: block;
	position: relative;
	left:-15px;
	top:0;
	width:440px;
	/*height:500px;*/   /* modifi� par php dans balise */
	border:0;
	float: left;
	border: 0px solid grey;
}

img#graph_plans_epargne, img#graph_plans_epargne_cet {
	display: block;
	position: relative;
	left:0;
	top:0;
	width:440px;
	height:500px;
	border:0;
	border: 0px solid grey;
}
#graph_plans_epargne_graph2_container, img#graph_plans_epargne_cet {
	width:112px;
}

.surbrillance_zone {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: #fff;
	border:1px solid #fff;
	margin:-1px 0 0 -1px;	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
	z-index: 9500!important;
}
.mouseover_zone {
	position: absolute;
	background: none;
	border: none;
	z-index: 9000!important;
	cursor: pointer;
}

.valeur_zone {
	position: absolute;
	font-family:'HelveticaNeueLTStd-BdCn';
	z-index: 100!important;
	background: none;
}
/*
map, area {
	position: relative!important;
	z-index: 9000!important;
}
*/

.totaux_colonnes {
	position:absolute;
	display: block;
	border:1px dotted #000;
	text-align: center;
	padding:6px;
	margin:-48px 0 0 -6px; /* au dessus de colonne */
	font-family:'HelveticaNeueLTStd-BdCn';
	font-size:14px;
	line-height: 12px;
}
.totaux_colonnes img {
	position: absolute;
	display: block;
	top:28px;
	width:9px;
}

.separateur_entre_deux_graphs {
	display: block;
	position: relative;
	left:-15px;
	top:0;
	width:3px;
	/*height:475px;*/ /* voir dans _bsi_graph_plans_epargne.php */ /* height images x 0.95 */
	border-right:2px dotted grey;
	margin-right:3px;
	float: left;
}




.graph_plans_epargne_legende {
	position: relative;
	width: 100%;
	left:25px;
	margin: 0;
	z-index:1000;
}

.plans_epargne_emma {
	position: relative;
	padding: 25px;
}
.plans_epargne_emma ul {
	padding: 0;
}



/* ===================================================== */
/* =============== DEF BOUTTON ACTION ================== */
/* ===================================================== */

.btn_action {
	position: relative;
	width: 290px;
	height: 40px;
}

.btn_action_consultez_tableau_abondement {
	width:400px;
}

.btn_action .align_vertical {
	display:inline-block;
	width: 16px;
	height: 43px;
	vertical-align:middle;
}

.btn_action a {
	/*margin-left: 9px;*/
	text-decoration: none!important;
}

.btn_action:hover {
	cursor: pointer;
}


/* ---- def couleur btn rouge ---- */
.btn_action_rouge {
	background-color: #e20031;
	color: #fff;
}
.btn_action_rouge a {
	color: #fff;
}
.btn_action_rouge:hover {
	background-color: #b0042a;
}



/* ---- def couleur btn gris ---- */
.btn_action_gris {
	background-color: #e6e6e6;
	color: #666666;
}
.btn_action_gris a {
	color: #666666;
}
.btn_action_gris:hover {
	background-color: #666666;
	color: #e6e6e6;
}
.btn_action_gris:hover a {
	color: #e6e6e6;
}

/* ##################################################### */
/* ============= FIN DEF BOUTTON ACTION ================ */
/* ##################################################### */

.btn_tableau {
	margin-left: 0px;
}

.btn_action_sociaux {
	text-align: left!important;
	width: 235px;
}

.btn_action_sante {
	width: 255px;
}





p.passez_la_souris {
	position:relative;
	display:block;
	z-index:995;
	width:98%;
	font-size:14px;
	text-align: left;
	padding:5px;
	margin:50px 0 0 0;
	color:#000;
	border:1px dotted #666;
}
p.passez_la_souris img {
	position: absolute;
	left:-20px;
	top:-30px;
}

p.p_contenu_legendes {
	position:relative;
	width:100%;
	/*height:50px;*/
	margin:10px 0 0 0;
	text-align: left;
	/*cursor:pointer;*/
}


.carre_legende {
	display: inline-block;
	position: relative;
	width:15px;
	height:15px;
}

.carre_legende_surbrillance { /* div dans .carre_legende */
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: #fff;
	margin:0;
	padding:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
	z-index: 8000;
}


a.lien_legende {
	cursor: pointer;
	font-size:13px;
	line-height:14px;
	color:#666!important;
}
a.lien_legende:hover {
	text-decoration:none!important;
	color:#666!important;
}

.avantages_texte {
	position: relative;
	margin-bottom: 50px;
	/*width: 600px;*/
	/*float: left;*/
	/*margin-right: 100px;*/
}
.avantages_supp_texte {
	position: relative;
	float: left;
	width: 620px;
	margin-top: 20px;
	min-height:230px;
}

.avantages_sociaux_texte{
	width: 910px;
	margin-right: 50px;
	float: left;
}

.avantages_sociaux_texte td:first-child, .avantages_supp_texte td:first-child{
	width: 520px;	
}
.avantages_sociaux_texte td:last-child, .avantages_supp_texte td:last-child{
	width: 100px;
	text-align: right;
}

/* pour IE8 */
.avantages_sociaux_texte td.last_child, .avantages_supp_texte td.last_child {
	width: 100px;
	text-align: right;
}
/* pour IE8 */

.avantages_sociaux_titres{
	position:relative;
}

.btn_avantages_wat {
	position: relative;
	float: right;
	/*text-align: right;*/
	/*width: 280px; */      /* = width de encart_wat + 30 px puisque padding left + right de encart_wat = 15 + 15 */
	left: 45px;
/*	top: 25px;*/
}

.btn_avantages_wat_energetique {
	position: absolute;
	left: 107%;
	top: 80px;
}


.btn_avantages_wat_energetique .titre {
	font-family: HelveticaNeueLTStd-MdCn;
}


.btn_avantages_wat p {
	width:inherit;
}

a.btn_avantages_lien {
/*	display: inline;
	position:relative;
	left:0px;
	top:10px;*/
	height:20px;
	margin:0;
	padding:0;
	background: none;
	font-size:14px;
	font-weight:normal;
	font-family: 'HelveticaNeueLTStd-BdCn', 'Arial'!important;
}

.popup_warning_wat {
	position:absolute;
	/*width: 260px;*/
	left:-50px;
	top:-30px;
	border:2px solid #ccc;
	background-color: white;
	padding:5px;
	display: none;
	text-transform: none!important;
	font-size:15px;
	text-align: left;
}




.encart_wat {
	position: relative;
	margin-top: 5px;
	width: 280px;
	height: 80px;
	padding: 10px 0 10px 10px;
	background-color: #003D68;
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial'!important;
	text-align: left;
	font-size:16px;
	line-height: 19px;
	/*font-weight: bold;*/
	/*cursor: pointer;*/
	color:white;
}

.encart_wat_width_lien_versement_decembre {
	width: 390px;
}
.encart_wat_regles_abondement {
	height:auto;
}

.encart_wat_type2 {
	height: 250px;
	width: 260px;
	padding: 15px;
}

.plus_infos .encart_wat {
	background-color: #DF0C36;
}

.encart_wat span{
	color: white;
}
.encart_coin_bas{
	width: 16px;
	height: 16px;
	background-image:url(https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/encart_bleu_coin_bas_droit.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.encart_wat:hover {
	background-color: #b0042a;
}

.encart_wat:hover .encart_coin_bas {
	background-image:url(https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/encart_bleu_coin_bas_droit_rol.png);
}

.zone_lien_texte {
	margin-top: 5px;
	font-weight: bold!important;
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial'!important;
}

.zone_lien_texte a{
	font-size: 15px!important;
}
.encart_wat_type2 .zone_lien_texte {
	position: absolute;
	bottom: 15px;
	right: 0;
	height: 30px;
	min-width: 150px;
	padding-left: 11px;
	text-align: left!important;
	line-height: 32px;
	font-size: 16px!important;
	background-color: white;
}

.encart_wat_type2 .zone_lien_texte {
	color: #B00429!important;
	text-decoration: none!important;
	cursor: pointer;
}

.lien_texte:hover {
	cursor: pointer;
}





a.btn_avantages {
	display: block;
	position:absolute;
	width:211px;
	height:133px;
	left: 700px;
	top: 25px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_avantages_sociaux_retraite.png') top left no-repeat;
}
/*
a.btn_avantages_wat_1 {background-image:url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_avantages_sociaux_retraite.png');}
a.btn_avantages_wat_2 {background-image:url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_avantages_sociaux_prevoyance.png');}
a.btn_avantages_wat_3 {background-image:url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_avantages_sociaux_complementaire.png');}
a.lien_mon_epargne {background-image:url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/lien_mon_epargne.png');}
a.btn_avantages_wat_1:hover {background-image:url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_avantages_sociaux_retraite_rol.png');}
a.btn_avantages_wat_2:hover {background-image:url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_avantages_sociaux_prevoyance_rol.png');}
a.btn_avantages_wat_3:hover {background-image:url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/en_savoir_plus_avantages_sociaux_complementaire_rol.png');}
a.lien_mon_epargne:hover {background-image:url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/lien_mon_epargne_rol.png');}

*/

.avantages_sociaux_images_savoir{
	/*width:245px;*/
	position:absolute;
	/*left: 685px;*/
	right: -40px;
	top: 55px;
}


.trois_barres_avantages_sociaux{
	margin: 60px 0 0 95px;
}

.avantages_btn{
	margin-top: 50px;
}
.avantages_sociaux_btn {
	width: 100%;
	float: left;
	margin-left: 0px;
}

.avantages_sociaux_btn a {
	margin: 0px;
}

.avantages_supp_btn {
	width: 215px;
	float: left;
	margin: 50px 0 50px 135px;
}
 

/* ************** Bouton avec icone & halo *************** */
.btnContainerParent {
	position: relative;
	top: 40px;
}
.btnContainer {
	position: relative;	
}
.btnContainer2 {
	position: relative;
	left: 210px;
}
.btnRondIconeBorder {
	z-index: 5;
	position: absolute;
	top: -25px;
	left: 20px;
	width: 36px;
	height: 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: white;
	box-shadow: 0 0 25px #898989;
} 
.btnRondIcone {
	z-index: 7;
	position: absolute;
	top: -25px;
	left: 20px;
	width: 36px;
	height: 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.btnRondIconeFloppyOrange {
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_floppy_green.png') no-repeat;
	margin-left: 2px;
}
.btnRondIconeFloppyBleu {
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_floppy_blue.png') no-repeat;
	margin-left: 2px;
}
.btnRectBorder {
	z-index: 4;
	position: absolute;
	box-shadow: 0 0 25px #898989;
	height: 70px;
	width: 125px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.btnRectContent {
	z-index: 6;
	position: absolute;
	padding: 7px;
	height: 55px;
	width: 110px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: white;
	
}


.total-info {
	font-size:28px;
	color:#999;
}


/* ----------- FIN Bouton avec icone & halo -------------- */

.telecharger_synthese {
	/*position: relative;
	left:45px;
	top:-75px;*/
	width:240px;
	float: left;
	margin-left: 40px;
}

.telecharger_synthese .encart_wat {
	width:230px;
}

.total_synthese {
	float: right;
}

/*a.telecharger_synthese {
	position: relative;
	display: block;
	left:10px;
	top:-110px;
	width:230px;
	height:123px;
	border:0;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_telechargez.png') top left no-repeat;
}
a.telecharger_synthese:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_telechargez_rol.png');}
*/
a.btn_comment_optimiser {
	display: block;
/*	position: absolute;
	left:720px;
	top:720px;*/
	width:206px;
	height:91px;
	border:0;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_comment_optimiser.png') top left no-repeat;
}
a.btn_comment_optimiser:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_comment_optimiser_rol.png');}


a.btn_video_actionnariat {
	/*position: relative;
	left:100px;
	bottom:25px;*/
	display: block;
	width:177px;
	height:134px;
	border:0;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_video_ensavoirplusalex.png') top left no-repeat;
	z-index: 1000;
}
a.btn_video_actionnariat:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_video_ensavoirplusalex_rol.png');}

.btn_liens_ensavoirplus_emma span {
	position: relative;
	top: 3px;
	font-size: 23px;
}

.btn_liens_ensavoirplus_emma p {
	line-height: 2em;
}
.btn_liens_ensavoirplus_emma p a {
	text-decoration: none;
}



/*

a.btn_video_ensavoirplusemma {
	width:177px;
	height:134px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_video_ensavoirplusemma.png') top left no-repeat;
	float: left;
	margin-right:30px;
}
a.btn_video_ensavoirplusemma:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/btn_video_ensavoirplusemma_rol.png');}
*/

img.btn_video_ensavoirplusemma {
	width:177px;
	height:134px;
	float: left;
	margin-right:30px;
}

img.picto_play {
	position: relative;
	top:6px;
	margin:0px 8px 0 0
}



a.btn_croix {
	position: absolute;
	display: block;
	right:-25px;
	top:-17px;
	width:43px;
	height:43px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/picto_croix.png') top left no-repeat;
	z-index: 10000;
	cursor: pointer;
}
a.btn_croix:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/picto_croix_rol.png');}

#plan_epargne_actionnariat {
	margin: 50px 0 50px 0px;
}
.margin_left_360 {
	margin-left:360px;
}

#plan_epargne_actionnariat .pictoinfo{
	position: relative;
	top: 5px;
}
p.caracteristiques {
	width:400px;
	padding: 10px;
}
.plan_epargne_actionnariat_texte {
	position: relative;
	float: left;
	width: 100%;
	margin-right: 50px;
}

img.img_totalcapital2015 {
	position: relative;
	width:300px;
	top:15px;
}



.plan_epargne_graph {
	float: left;
	margin-top: 25px;
	margin-left:40px;
}
.plan_epargne_graph_barre {
	text-align: center;
	color: white;
	font-size:15px;
	display: block;
	width:120px;
	display: inline-block;
	-moz-box-shadow: 3px 3px 3px #444; 
	-webkit-box-shadow: 3px 3px 3px #444; 
	box-shadow: 3px 3px 3px #444;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9;
	margin:1px 0;
}

#votre_portefeuille {
	margin-left:-6px;
}

.plan_epargne_btn_container {
	position:absolute;
	top:0;
	right:80px;
}
.plan_epargne_btn {
	width: 136px;
	float: left;
	/* margin: 0 20px; */
}
.plan_epargne_btn_portefeuille {
  float: left;
  margin: 20px 30px;
}

span.filet {
	display: block;
	width:100%;
	height:3px;
	margin:3px 0px;
}


#popup_video, #popup_video2, #popup_video_960, #popup_retour_enquete {
	display: none;
	position: fixed;
	width:740px;
	height:500px;
	left:50%;
	top:50%;
	margin:-250px 0 0 -370px;
	z-index: 8000;
	background-color: #ddd;
	cursor: pointer;
}
#popup_video_960, #popup_retour_enquete {
	width:980px;
	height:560px;
	left:50%;
	top:50%;
	margin:-280px 0 0 -490px;
}
#popup_retour_enquete {
	/*display: block;*/
	width:750px;
	height:430px;
	left:50%;
	top:50%;
	margin:-280px 0 0 -350px;
	background-color: #fff;
	border:3px solid #ccc;
}
p.popup_retour_enquete_p {
	width:85%;
	margin-left:10%;
	margin-top:2em;
}




#popup_video video, #popup_video2 video, #popup_video_960 video {
	position: absolute;
	left:10px;
	top:10px;	
}

/* ============================     CONTACT    ========================================== */

.contact_text {
	width: 100%;
	margin: 20px auto;
	text-align: justify;
}
#contact form#form_contact {
	color: #6f7072;
}


#contact{
  /*width: 630px;*/
  margin: 20px auto;
  /*background-color: #64667D;*/
  /*border: 2px solid #B6B8CF;*/
  padding: 10px;
}
.contact_bloc {
	width: 90%;
	margin:0 auto;
	float: left;
	/*margin-left: 25px;*/
}

#contact label {
	display: inline-block;
}

#contact label, #contact input[type="text"], #contact input[type="contact_email"] {
	margin-bottom: 12px;
}
#contact label, #contact input[type="text"], #contact input[type="contact_email"], #contact textarea {
	color: #6f7072;
	border: none;
}

#contact input[type="text"], #contact input[type="contact_email"], #contact textarea {
	background-color: #e6e6e6;
	float: right;
	width: 80%;
	line-height: 38px;
	padding-left:15px;
}

#contact label, #contact input[type="text"], #contact input[type="contact_email"] {
	height: 38px;
	line-height: 38px;
}


#contact .btn_action {
	width: 188px;
	height: 39px;
	float: right;
}
#contact .btn_action span {
	position: relative;
}



#contact input[type=submit], #form_votre_avis input[type=submit] {
	color: transparent;
	background-color: transparent;
	border: 0 none;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 188px;
	height: 39px;
	padding: 0;
	font-size: 0px;
}

#contact .btn_submit, #form_votre_avis  .btn_submit {
	float: right;
	position: relative;
	color: white;
	background-color: #e20031;
	width: 188px;
	height: 39px;
}


#contact .btn_submit:hover, #form_votre_avis .btn_submit:hover {
	background-color: #b0042a;
}

#contact .btn_submit_texte, #form_votre_avis .btn_submit_texte {
	position: relative;
	/*left: 13px;
	top: 10px;*/
	color: white;
	height: 28px;
	padding: 10px 0 0 8px;
}

#contact .contact_27 {
	width:inherit;
	height:27px;
}	
/* ============================     NAVIGATIONS    ========================================== */


#blocmenuhaut {
	display: inline-block;
}

#bg_header_photo_container {
	position: relative;
	margin-top:20px;
}
#bg_header_photo_bandeau {
	position: absolute;
	bottom:0;
	width:100%;
	height:27%;
	background-color: black;
	opacity: 0.5;
}
p#bg_header_photo_texte {
	position: absolute;
	bottom:6%;
	width:100%;
	text-align: center;
	color:white;
	font-size:35px;
	font-family: 'HelveticaNeueLT-LightCond', 'Arial', sans-serif;	
}
p#bg_header_photo_texte strong {
	font-family: 'HelveticaNeueLTStd-BdCn', 'Arial', sans-serif!important;
	font-weight: normal!important;
}

p#bg_header_photo_texte span.grossissement_7_titre {
	font-size:1.03em!important;
}
	


img.bg_header_photo { /* dans inc_menu */
	/*position: relative;
	top:7px;*/
}


#bonjour {
	position: fixed;
	top: 0px;
	width: 1000px;
/*	left:50%;
	margin:0px 0 0 -500px;*/
	color:#818285;
	z-index: 8000;
	text-align: right;
	background-color: #fff;
	z-index: 9000!important;
}
#bonjour:after {
	clear: right;
}
#bonjour_membre {
	border:0;
	position: relative;
	width:100%;
	display: block;
	/*height: 10px;*/
	vertical-align: middle;
	font-size: 15px;
	color:#818285;
	padding-top:6px;
}
#bonjour_membre a {
	text-decoration: none;
}

#btn_connexion {
	position: relative;
	display: inline;
	vertical-align: middle;
	top:2px;
}

#masque_sombre_bonjour, #masque_sombre_menu {
	display: none;
	position: absolute;
	width:100%;
	height:100%;
	background-color: black;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
}






.espace_hauteur_60 {
	width:100%;
	height:60px;
}

#container_degrade_logo {
	position: relative;
	top:40px;
	width: 100%;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_header_long.jpg') top center no-repeat;	
	margin : 0 auto;
}

.container_degrade_logo_accueil {
	top:20px!important;
}
#degrade_logo_1000px {
	position: relative;
	width:1000px;
	margin : 0px auto;
	height:126px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/bg_header_logo.jpg') top center no-repeat;
	z-index: 2000;
}
#logo_home {
	display: block;
	position: absolute;
	width: 265px;
	height: 70px;
	top: 25px;
	left: 18px;
	z-index: 2002;
}




#barre_menu {
	position:relative;
	width:100%;
	background-color: #fff;
}


#menu_top {
	position:relative;
	width:100%;
	z-index: 9000!important;
	padding:0;
	margin:0;
	background-color: #fff;
}
#menu_texte{
	text-align: left;
}
.btn_menu {
	display: inline-block;
}
.btn_menu a {
	display: inline-block;
	font-family: 'HelveticaNeueLTStd-BdCn', 'Arial';
	text-transform: uppercase;
	font-size:16px;
	text-decoration: none;
	padding:0px 0px 5px 0px;
	margin:10px 15px 0px 15px;
}
.btn_menu:hover a {
	/*color:#fff!important;*/
	text-decoration: none!important;
}

.btn_menu:hover a, .btn_menu a.selected {
	padding:0px 0px 0px 0px;
	border-bottom:8px solid #DF0C36;
}
#menu_texte:hover .btn_menu:not(:hover) a.selected {
	border-color:#fff;
}



.menu_fixe {
	height: 38px; /* ne pas bouger */
	width: 100%;
	position: fixed!important;
	top: 43px; /* 26px pour prod, 43 si membres test*/
	padding-top: 10px;
	background-color: #fff;
	z-index: 9000!important;
}








/*
.btn_menu a.accueil {
	border-bottom-color:#7D7064;
}
.btn_menu a.accueil:hover {
	background-color:#7D7064;
}
.btn_menu a.fixe_variable {
	border-bottom-color:#DF0C36;
}
.btn_menu a.fixe_variable:hover {
	background-color:#DF0C36;
}
.btn_menu a.plans_epargne {
	border-bottom-color:#004196;
}
.btn_menu a.plans_epargne:hover {
	background-color:#004196;
}
.btn_menu a.avantages_sociaux {
	border-bottom-color:#B00429;
}
.btn_menu a.avantages_sociaux:hover {
	background-color:#B00429;
}
.btn_menu a.synthese {
	border-bottom-color:#2F7BB4;
}
.btn_menu a.synthese:hover {
	background-color:#2F7BB4;
}
.btn_menu a.pdf {
	border-bottom-color:#00817A;
}
.btn_menu a.pdf:hover {
	background-color:#00817A;
}
.btn_menu a.avis {
	border-bottom-color:#6E2D87;
}
.btn_menu a.avis:hover {
	background-color:#6E2D87;
}
.btn_menu a.contact {
	border-bottom-color:#7D7064;
}
.btn_menu a.contact:hover {
	background-color:#7D7064;
}

*/

	
/* ============================     RESULTATS AVIS   ========================================== */

.resultats  p.checkboxes {
	line-height: 2em;	
}
.resultats  p.checkboxes input {
	display: inline;
	margin: 5px 10px 5px 0;	
}
.resultats table {			
	text-align:left;
	border-collapse:collapse;
	border-spacing:1px;
	border:0px solid #ddd;
	font-size: 12px;
	width: 100%;
	margin: 0 0 0 0px;
	color:#000;
}
.resultats  th,.resultats  td {
	padding:8px 5px;
	border:0px;
	border-bottom:1px solid #999;
	background-color: none;
	font-weight: normal;
	color:#000;
	text-align: center;
}

.resultats  td.avis_question {text-align: left;}
.resultats td.avis_titre_question, .resultats span.avis_titre_question {
	text-align: left;
	background-color: #e7e7e7;
	/*font-size: 1.3em;*/
	font-size: 16px;
	line-height: 1.3em;
	color:#fff;
}






/* ============================     RESULTATS JOURNAL CONNEXIONS   ========================================== */


table.stats_results {		
	text-align:left;
	border-collapse:collapse;
	border-spacing:0px;
	border:0px solid #ddd;
	width: 100%;
	margin: 0 0 0 0px;
	color:#000;
}
table.stats_results th, table.stats_results td {
	font-size: 13px!important;
	padding:3px;
	border:0px;
	border:1px solid #bbb;
}
table.stats_results th {
	text-align: center;
	font-weight: bold;
	font-size: 16px!important;
}
table.stats_results tr:nth-child(even) {
	background-color: #ddd;
}











/* ===============================     mentions legales   ================================= */
#mentions_legales, #mentions_legales h3, #cookies_donnees, #cookies_donnees h3 {
	color: #666;
}

#titre_page h1, #mentions_legales h2, #cookies_donnees h2 {
	text-transform: uppercase;
 }

#titre_page h1 {
	/*border-bottom: 1px solid #000;*/
	color: #e20031;
	/*font-size: 60px;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 20px;
	padding-bottom: 20px;*/
 }
 
 
#mentions_legales h2, #mentions_legales h3, #cookies_donnees h2, #cookies_donnees h3 {
	/*font-size: 30px;*/
	font-weight: bold;
	margin: 40px 0 15px 0;
}

#mentions_legales h2, #cookies_donnees h2 {
	margin-top: 18px;
	line-height: 40px;
}

#mentions_legales h3, #cookies_donnees h3 {
	background: none repeat scroll 0 0 transparent;
	text-transform: none;
	line-height: 1.3em;
}


#mentions_legales p, #cookies_donnees p {
	line-height: 1.5em;
	margin-bottom: 12px;
	font-size: 16px;
	text-align: justify;
	/*margin: 0;*/
	font-weight: normal;
	vertical-align: baseline;
	padding: 0;
	border: 0;
	font: inherit;
}

#mentions_legales strong, #cookies_donnees strong {
	font-weight: bold;
}

#mentions_legales ul, #mentions_legales li {
    margin: 0 0 0 10px;
    padding: 0;
}

#mentions_legales ul {
	list-style: none;
    display: table;
}

#mentions_legales li {
    list-style: none;
    display: table-row;
}

#mentions_legales li::before {
    content: "-";
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}
















/* ==================================     STATISTIQUES de CONNEXIONS		   ========================================== */



.premier_niveau, .deuxieme_niveau {
	cursor: pointer;
}
.deuxieme_niveau a {
	text-decoration: none;
}
.premier_niveau:hover, .deuxieme_niveau a:hover {
	text-decoration: underline;
}

.filtres_liste {
	display: block;
	width:300px;
	float: left;	
}
.filtres_liste, .filtres_liste ul, .filtres_liste ul li, .filtres_liste ul li a {
	font-size:13px!important;	
	line-height:14px!important;	
}











/* ==================================     	ESPACE CORRESPONDANTS			   ========================================== */


table.table_membres {
	width:80%;
	margin:0 auto;
	border:1px solid #003D94;
}

table.table_membres td, table.table_membres th {
	border:1px dotted #4C97CE;
	padding:5px;
}














/* ==================================     	MENTIONS LEGALES			   ========================================== */


table.table_mentions {
	width:90%;
	margin:0 auto;
	border:1px solid #ddd;
}

table.table_mentions td, table.table_mentions th {
	border:1px solid #ddd;
	padding:5px;
}
table.table_mentions th {
	background:#eee;
}














/* ==================================     FOOTER   ========================================== */

#footer {
	width: 950px;
	margin:0px auto;
	text-align: center;
	margin-top:50px;
}

#footer .footer_txt {
	text-align: left;
}

.footer_txt_encadre {
	border:1px solid #ccc;
	padding:3px;
}

#footer a, #footer h4, #footer li {
	font-family: arial;
	font-size: 13px;
}

#footer a {
	text-decoration: none;
}
#footer .footer_espace_long {
	width:inherit;
	height: 25px;
}

#footer h4 {
	color:#e20031;
	font-weight: normal;
}

#footer ul {
	padding: 0;
	margin: 0;
	line-height: 1;
}

#footer ul li {
	display: inline-block;
	color: #6f7072;
}

#footer ul li {
	padding: 0 26px;
	border-left: 2px solid #666;
}
#footer li:first-child {
  border-left: none;
}








/*          POPUP VIDEO SUR HOME     +   ALERTES COOKIES              */

.popup_home_video {
	position: absolute;
	left:0;
	top:0;
	width:95%;
	height:auto;
	margin-left:2.5%;
	z-index: 10000;
	border:2px solid #666;
	-moz-box-shadow: 6px 6px 6px #444; 
	-webkit-box-shadow: 6px 6px 6px #444; 
	box-shadow: 6px 6px 6px #444;
	/* x shadow, y shadow, blur (flou), Spread distance */
	background: white;
}
.popup_home_video_contenu {
	position: relative;
	width:95%;
	height:auto;
	margin:3% auto;
}

.bg_black_opacity {
	position: absolute;
	width:100%;
	height:100%;
	background: black;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);
	-moz-opacity : 0.5;
	opacity : 0.5;
	z-index: 70000;
}


.popup_home_alertcookie {
	position: absolute;
	width:100%;
	height:auto;
	line-height: 2em;
	font-size:13px;
	top:0;
	left:0;
	z-index: 80000;
}
.popup_home_alertcookie_contenu {
	color:white;
	margin:0.5em 0;
}
.popup_home_alertcookie_contenu p {
	width:80%;
	margin: 0 auto;
	position: relative;
	z-index: 90000!important;
}
.popup_home_alertcookie_contenu a {
	color:white;
}
.popup_home_alertcookie_contenu a:hover {
	color:#ccc;
}

video {
	width:100%!important;
	/*height:30%!important;*/ /*pour ipod seulement, mais met la zone pour les autres*/
}

a.btn_croix {
	position: absolute;
	display: block;
	right:-25px;
	top:-17px;
	width:43px;
	height:43px;
	background: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/picto_croix.png') top left no-repeat;
	z-index: 100000;
	cursor: pointer;
}
a.btn_croix:hover {background-image: url('https://butterfly-media.s3.gra.io.cloud.ovh.net//total/bsi/2026/images/picto_croix_rol.png');}

a.btn_croix_alertcookie {
	right:0;
	top:50%;
	margin-top:-20px;
}

/*          fin POPUP VIDEO SUR HOME     +   ALERTES COOKIES          */

























/* ============================     STYLES GENERAUX   ========================================== */



.justify {text-align:justify!important;}
.right {text-align:right!important;}
.left {text-align:left!important;}
.center {text-align:center!important;}



.underline {text-decoration: underline!important;}

.padleft3 {padding-left:3px!important;}

.rose {color:#E00090!important;}
.bg_rose {background-color:#E00090!important;}
.bleu {color:#3bc3df!important;}
.bg_bleu {background-color:#3bc3df!important;}
.bleuclair {color:#2F7BB4!important;}
.bg_bleuclair {background-color:#2F7BB4!important;}
.border_bleuclair {border-color:#2F7BB4!important;}
.border_bottom_bleuclair {border-bottom:1px solid #2F7BB4!important;}
.bleufonce {color:#004196!important;}
.bg_bleufonce {background-color:#004196!important;}
.border_bleufonce {border-color:#004196!important;}
.border_bottom_bleufonce {border-bottom:1px solid #004196!important;}

.bleupale {color:#d3dbef!important;}
.bg_bleupale {background-color:#d3dbef!important;}
.rougepale {color:#dcc!important;}
.bg_rougepale {background-color:#dcc!important;}

.orange {color:#DB7E04!important;}
.bg_orange {background-color:#DB7E04!important;}
.border_bottom_orange {
	border-bottom:1px solid #DB7E04;
}
.orangefonce {color:#f15e2a!important;}
.bg_orangefonce {background-color:#f15e2a!important;}
.orangeclair {color:#feedd7!important;}
.bg_orangeclair {background-color:#feedd7!important;}
.vert {color:#8cc63f!important;}
.bg_vert {background-color:#ebf4de!important;}
.vert {color:#8cc63f!important;}
.bg_vert {background-color:#8cc63f!important;}
.vertclair {color:#ebf4de!important;}
.bg_vertclair {background-color:#ebf4de!important;}
.marron {color:#ad9e8d!important;}
.bg_marron {background-color:#ad9e8d!important;}
.vertkaki {color:#9a9a09!important;}
.bg_vertkaki {background-color:#9a9a09!important;}

.rouge_doc, .rouge {color:#DF0C36!important;}
.border_bottom_rouge {
	border-bottom:1px solid #DF0C36;
}
.bg_rouge {background-color:#DF0C36!important;}
.rouge2 {color:#B00429!important;}
.border_bottom_rouge2 {border-bottom:1px solid #B00429!important;}
.border_bottom_noir {border-bottom:1px solid #000!important;}
.border_rouge2 {border-color:#B00429!important;}
.bg_rouge2 {background-color:#B00429!important;}


/*
.vieuxrose {color:#f15a5b!important;}
.orange {color:#DB7E04!important;}
.orangefonce {color:#f15e2a!important;}
.rouge_doc, .rouge {color:#DF0C36!important;}
.vert_quizz {color:#39BB9D!important;}
*/
.violet {color:#6E2D87!important;}



.white, .blanc {color:white!important;}
.black, .noir {color:black!important;}
.bg_white, .bg_blanc {background-color:white!important;}
.gris, .gris4 {color:#666!important;}
.bg_gris, .bg_gris4 {background-color:#666!important;}
.gris, .gris4 {color:#444!important;}
.bg_gris, .bg_gris4 {background-color:#444!important;}
.border_gris {border-color:#444!important;}
.gris9 {color:#717171!important;}
.bg_gris9 {background-color:#717171!important;}
.gris3 {color:#333!important;}
.bg_gris3 {background-color:#333!important;}
.gris6 {color:#666!important;}
.bg_gris6 {background-color:#666!important;}
.gris9 {color:#999!important;}
.bg_gris9 {background-color:#999!important;}
.grisC {color:#E0E0E0!important;}
.bg_grisC {background-color:#E0E0E0!important;}
.grisC2 {color:#ABABAB!important;}
.bg_grisC2 {background-color:#ABABAB!important;}
.grisC3 {color:#939393!important;}
.bg_grisC3 {background-color:#939393!important;}
.grisaccueil {color:#7D7064!important;}
.bg_grisaccueil {background-color:#7D7064!important;}
.grisaccueil_10 {color:rgb(241, 240, 239)!important;}
.bg_grisaccueil_10 {background-color:rgb(241, 240, 239)!important;}
.grisaccueil_40 {color:rgb(202, 197, 192)!important;}
.bg_grisaccueil_40 {background-color:rgb(202, 197, 192)!important;}
.grisaccueil_70 {color:rgb(162, 153, 145)!important;}
.bg_grisaccueil_70 {background-color:rgb(162, 153, 145)!important;}

.gris_accueil18 {color:#e6e3e2!important;}
.bg_gris_accueil18 {background-color:#e6e3e2!important;}
.gris_texte_total_18 {color:#706f6f!important;}


.grisF8 {color:#f8f8f8!important;}
.bg_grisF8 {background-color:#f8f8f8!important;}
.bg_rougeC {background-color:#E85D78!important;}
.bg_rougeC2 {background-color:#E83256!important;}
.bg_rougeC3 {background-color:#DF0C36!important;}

/*rgba(125, 112, 100, 0.11)*/

a.white, a.blanc {color:white!important;}
a.white:hover, a.blanc:hover {color:black!important;}



.uppercase {text-transform: uppercase;}
strong, .strong, .bold {font-weight: normal!important;font-family: 'HelveticaNeueLTStd-BdCn', 'Arial'!important;}
big {font-size: 1.3em!important;}
.big1 {font-size: 1.2em!important;}
.big2 {font-size: 1.3em!important;}
.big3 {font-size: 1.4em!important;}
.big4 {font-size: 1.5em!important;}
.big5 {font-size: 1.6em!important;}
.big6 {font-size: 1.7em!important;}
.big7 {font-size: 1.8em!important;}
.big8 {font-size: 1.9em!important;}
.small7 {font-size: 0.7em!important;}
.small8 {font-size: 0.8em!important;}
.small9 {font-size: 0.9em!important;}
#contenu_texte p.small {font-size: 12px!important;}
.smallsmall {font-size: 0.9em!important;}

em, .italic {font-style: italic!important;}

.padding3 {padding: 3px!important;}
.padding5 {padding: 5px!important;}
.line08 {line-height: 0.8em!important;}
.line10 {line-height: 1.0em!important;}
.line11 {line-height: 1.1em!important;}
.line12 {line-height: 1.2em!important;}
.line13 {line-height: 1.3em!important;}
.line15 {line-height: 1.5em!important;}

.museo3 {font-family: 'HelveticaNeueLTStd-Cn', 'Arial'!important;}
.museo5 {font-family: 'HelveticaNeueLTStd-Cn', 'Arial'!important;}
.museo7 {font-family: 'HelveticaNeueLTStd-Cn', 'Arial'!important;}
.museo9 {font-family: 'HelveticaNeueLTStd-Cn', 'Arial'!important;}

/*
.helve_light {font-family: 'HelveticaNeueLT-LightCond', 'Arial'!important;}
.helve_bold {font-family: 'HelveticaNeueLTStd-BdCn', 'Arial'!important;}
*/

.normal {text-transform: none!important;}

.noborder {border:none!important;}

.arial {
	font-family: 'HelveticaNeueLTStd-Cn', 'Arial'!important;
	text-transform: none!important;
}

sup, sub {line-height: 1em;font-size: 0.8em;}
 
 /* vire l'encadrement firefox */
a:focus, a:active {outline:0;}

.pointer {cursor: pointer!important;}

.ombre_3_4 {	
	-moz-box-shadow: 3px 3px 3px #444!important; 
	-webkit-box-shadow: 3px 3px 3px #444!important; 
	box-shadow: 3px 3px 3px #444!important;
}


.hover_opacity_90:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)!important;
	filter:alpha(opacity=90)!important;
	-moz-opacity : 0.9!important;
	opacity : 0.9!important;
	cursor: pointer;
}
.hover_opacity_80:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important;
	filter:alpha(opacity=80)!important;
	-moz-opacity : 0.8!important;
	opacity : 0.8!important;
	cursor: pointer;
}
.hover_opacity_70:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)!important;
	filter:alpha(opacity=70)!important;
	-moz-opacity : 0.7!important;
	opacity : 0.7!important;
	cursor: pointer;
}
.hover_opacity_60:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)!important;
	filter:alpha(opacity=60)!important;
	-moz-opacity : 0.6!important;
	opacity : 0.6!important;
	cursor: pointer;
}
.hover_opacity_50:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)!important;
	filter:alpha(opacity=50)!important;
	-moz-opacity : 0.5!important;
	opacity : 0.5!important;
	cursor: pointer;
}