#menu-sharepoint 
{
	display:block;
	position:absolute;
	width:200px;
	top:0px;
	z-index:1000;
}
.rightCol .layer .layerContentWrap .layerColonneGauche,
.rightCol .layer .layerContentWrap .layerColonneCentre,
.rightCol .layer .layerContentWrap .layerColonneDroite
{ 
	float:left; 
	width: 270px;
}

.rightCol #content #ContentColonneGauche,
.rightCol #content #ContentColonneCentre,
.rightCol #content #ContentColonneDroite
{ 
	float:left; 
	width: 280px;
}
.rightCol #content #ContentColonneGauche
{
	background: url(../img/bgd_sep_col.gif) top right repeat-y;
}

.rightCol .layer .avantages,
.rightCol .layer .offre,
.rightCol .layer .form {
	float: none;
}

#layerpack5 .avantages .offre {
	float:left;
}

.detail #container #nav {
	margin:0 0 15px;
}

.highlightPack a:link, .highlightPack a:visited {
	color: #000;
	text-decoration: none;
}

.highlightPack a:hover {
	text-decoration: underline;
}

/*MENU -- On genere un nouveau format de menu*/

/*On met en commentaire pour le nouveau format de menu*/
/*#mainNav li.first a.active
{
	background: url("../img/bgd_li_nav_firt_on.gif") 3px 0 no-repeat;
}*/
#mainNav{margin: 0;	padding: 0 12px 0 12px }	
#mainNav li a{background: url(../img/bgd_sep_nav.gif) top left no-repeat; display: block; padding: 6px 16px 5px 16px;text-decoration: none; color: #3f6907;}
#mainNav li.cartes ul{background: url(../img/ssnav_cartes.gif) bottom left no-repeat; margin: 0 0 0 0px}




/*FIN MENU*/

/* Page d'erreur custom */
#errorBCA
{
float:left;
padding:3px 0 0 24px;
width:300px;
}	

#errorBCA span
{
	font-weight:bold;
	color:#7a9d52;	
}
#errorBCA ul li {
background:transparent url(../img/bullet2.gif) no-repeat scroll 0 1px;
margin:0 0 5px;
padding:0 0 0 20px;
}

#errorBCA ul {
background:transparent url(../img/bgd_sep_ligne.gif) repeat-x scroll left bottom;
margin:0 0 13px;
padding:0 0 10px;
width:240px;
}

#errorBCA ul.last {
background:transparent none repeat scroll 0 0;
}
/* Page d'erreur custom */

/*Block Simulateur*/
.layer .form{background: url(../img/bgd_frm_layer_credit.gif) 0 0px no-repeat}
.layer .submit{background: url(../img/btn_submit_credit.gif) 0 0 no-repeat; }	
/*.blockSimulator form{padding: 13px 0 0 0;}*/
.blockSimulatorForm{padding: 13px 0 0 0;}
/*.blockSimulator form p{font-size: 10px; float:left; padding: 5px 0 0 5px; color:#fff}	*/
.blockSimulatorForm p{font-size: 10px; float:left; padding: 5px 0 0 5px; color:#fff}	
.blockSimulatorForm p span{font-weight:normal; font-size:10px; color:#fff; text-transform:none; display: inline; padding: 0}
/*.blockSimulator form div{margin:0 0 25px 30px;}*/
.blockSimulatorForm div{margin:0 0 25px 30px;}
/*.blockSimulator form div.last{margin-bottom: 5px;}*/
.blockSimulatorForm div.last{margin-bottom: 5px;}
/*.blockSimulator .submit{height:34px; width:262px; color:#267187; background:url(../img/btn_submit_credit_detail.gif) no-repeat; margin:20px 0 0 0;}*/
.blockSimulatorForm .submit{height:34px; width:262px; color:#267187; background:url(../img/btn_submit_credit_detail.gif) no-repeat; margin:20px 0 0 0;}

.credit .blockSimulatorPPC.form{background:url(../img/bgd_frm_layer_credit_PPC.gif) 0 0px no-repeat;}
.credit .blockSimulatorPPC.form.blockResult{background: url(../img/bgd_reserve_credit_PPC.gif) no-repeat;height: 290px;}

.credit .blockResult .highlight div p span {font-size:10px;}

.credit .blockResult .highlight div.resAmount p.duree { background-image:none; font-size:14px; text-align:center;}

.credit .blockResult .highlight div.resAmount p { margin:0 0 4px; }

.credit .blockResult .submit {
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0 0 0 5px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 258px;
}
.blockSimulator, .blockSimulatorPPC
{
    position: relative;
    float: none;
}

.wpzone2colonnes #wpzoneLeftCol .blocEpargne,
.wpzone2colonnes #wpzoneLeftCol .simulators,
.wpzone2colonnes #wpzoneLeftCol .voyager,
.wpzone2colonnes #wpzoneLeftCol .assurancePrevoyance,
.wpzone2colonnes #wpzoneLeftCol .simulation,
.wpzone2colonnes #wpzoneLeftCol .blocSante,
.wpzone2colonnes #wpzoneLeftCol .logements,
.wpzone2colonnes #wpzoneLeftCol .assuranceAnimal
{
	float: none;
}

.spinner
{
    display: none;
    position: absolute;
    top: 1px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: white url(../img/ajaxLoader.gif) no-repeat center;
    opacity: 0.65;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    filter:alpha(opacity=65);
}

.waiting .spinner
{
	display: block;
}

/*Block Simulateur*/

/*Body*/
body .ms-WPBody
{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
/*Body*/

body #carte
{
	background:none;
}

/*Page PPC */
#conditionsPPC
{
	padding: 2px 0 0 0
}

.error
{
	border: 1px solid red !important;
	color: red !important;
}

#tooltip-error 
{
	border: 1px solid red;
	color: red;
	background-color: white;
	-moz-box-shadow: black 0px 0px 5px;
	-webkit-box-shadow: black 0px 0px 5px;
	padding: 8px;
}


.success
{
	border: 1px solid green !important;
	color: green !important;
}

#tooltip-success 
{
	border: 1px solid greeen;
	color: green;
	background-color: white;
	-moz-box-shadow: black 0px 0px 5px;
	-webkit-box-shadow: black 0px 0px 5px;
	padding: 8px;
}

/* Webpart PPC */
.wpzone2colonnes #wpzoneLeftCol
{
	width: 293px;
	float: left;
}

.wpzone2colonnes #wpzoneRightCol
{
	width: 253px;
	float: left;
}

#frm_slider 
{
padding:0;
margin:0;
}

#frm_slider p 
{
font-size:14px;
font-weight:bold;
padding:0;
color:#FFFFFF;
float:left;
}

/* ---------------------------------------- TESTING ---------------------------------------- */					
.testing{background: url(../img/bgd_sep_footer.gif) 0 0 repeat-x; margin: 15px 0 0 0; padding:10px 0 0 0; width: 869px; overflow:hidden}				
.testing ul{width: 869px; overflow:hidden; margin:0 0 25px 0; padding:0; background:none}			
.testing ul li{float:left; border-right: 1px solid orange; padding:0 11px 0 0; margin:0 6px 0 6px; font-size:11px; color:red;}	
.testing ul li.last{border:0}
/* ---------------------------------------- TESTING ---------------------------------------- */			
/*Simulateur Credit (pprc)*/
.credit .blockRegroup .formCredit
{
	padding:8px 0px 0px;
	margin : 0px;
}

.credit .blockRegroup .formCredit .label
{
	margin:0 0 2px 0; font-weight: bold; color:#fff;
}

.formCredit div.last{margin-bottom: 5px;}

.formCredit p{font-size: 10px; float:left; padding: 5px 0 0 5px; color:#fff}	

/*Modifications taille des td des webparts*/
body .ms-WPBody td 
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
}

/* FORM CONTACT */
#contactContent .formContact .offres{width:415px; float:left;}
#contactContent .formContact .formDetailsRight{float:left; padding:0 0 10px 0; overflow:hidden; width:395px;}
#contactContent .formContact h3{background:none ; height: 20px; text-transform:uppercase; font-size: 14px; padding:12px 0 2px 12px; width:auto; float:left; font-weight:bold; color:#00652c;}
#contactContent .formContact .headerContact h3 {background:url(../img/bgd_form-contact-header.gif) no-repeat top; height: 20px; text-transform:uppercase; font-size: 14px; padding:12px 0 2px 12px; width:860px; float:left; font-weight:bold; color:#00652c;}
#contactContent .formContact .offres p{width:380px; height:auto; float:left; color:#000000;/* font-size:12px;*/ margin:0 0 15px 0;}
#contactContent .formContact .inputRadio input{float:left; width:15px;}

#reinitialisation
{
	position: relative;
}
#accessCodePerso
{
	z-index: 1;
}

#layerpack3 .blockAssurance input {
padding:22px 0 0 3px;
}

/*THEMATIQUE*/
.thematique .step ul{padding:8px 0 0 163px;}
.thematique .step ul li {display:block; height:15px;}
.thematique .step ul li {font-size:12px; text-decoration:none; float:left;}

/* Largeur de la dropdown dans a personnalisation du code d'accès */
.accessForm .highlightConnectionWide fieldset select 
{
	width: 310px;
}
.accessForm .highlightConnectionWide fieldset label
{
	width: 200px;
	clear: left;
}

/* Overwrites des pages de l'espace client */
.page-espace-client #leftContent h2{float:left; width:555px; font-size:25px; color:#326897; text-transform:uppercase; font-weight:bold;}
.page-espace-client #leftContent h3{float:left; width:555px; font-size:24px; color:#326897; font-weight:lighter;}
.page-espace-client #leftContent .etapes{width:555px; float:left; margin:10px 0;}
.page-espace-client #leftContent .etapes ul{text-transform:uppercase; color:#33689b; font-size:14px; font-weight:bold; overflow:hidden;}
.page-espace-client #leftContent .etapes ul li{float:left; width:164px; margin:0 0 0 -10px; background:url(../img/bgd_espace-client_etape.gif) no-repeat left; height:21px; padding:7px 0 0 30px;}
.page-espace-client #leftContent .etapes ul .etape1{background:url(../img/bgd_espace-client_etape1.gif) no-repeat left; color:#ffffff;}
.page-espace-client #leftContent .etapes ul .selected{background:url(../img/bgd_espace-client_etape-done.gif) no-repeat left; color:#FFFFFF;}
.page-espace-client #leftContent .etapes ul li img{margin:0 0 -2px 5px;}
.page-espace-client #rightContent .avantages h2{color:#326897;}
.page-espace-client #rightContent .avantages ul li{background:url(../img/access_bullet.gif) no-repeat left;}
.page-espace-client #rightContent .highlightBlock{margin:10px 0 0 0;}
#accessCode .accessCodeCont h2{float:left; width:186px; font-size:14px; padding:0 0 8px 0;}
#accessCodePerso .accessCodeCont h2{float:left; width:186px; font-size:14px; padding:0 0 8px 0;}
#accessCode,#accessCodePerso{left:380px;}

/* Pages cartes */
.page-carte ul.carteCasino1 {background:url(../img/bgd_ul-carte_carte_casino_1.gif) no-repeat top;}
.page-carte ul.carteCasino2 {background:url(../img/bgd_ul-carte_carte_casino_2.gif) no-repeat top;}
.page-carte ul.carteCasino3 {background:url(../img/bgd_ul-carte_carte_casino_3.gif) no-repeat top;}
.page-carte ul.carteCdiscount1 {background:url(../img/bgd_ul-carte_cdiscount_1.gif) no-repeat top;}
.page-carte ul.carteCdiscount2 {background:url(../img/bgd_ul-carte_cdiscount_2.gif) no-repeat top;}
.page-carte ul.carteCdiscount3 {background:url(../img/bgd_ul-carte_cdiscount_3.gif) no-repeat top;}
.page-carte ul.carteMastercard1 {background:url(../img/bgd_ul-carte_mastercard_1.gif) no-repeat top;}
.page-carte ul.carteMastercard2 {background:url(../img/bgd_ul-carte_mastercard_2.gif) no-repeat top;}
.page-carte ul.carteMastercard3 {background:url(../img/bgd_ul-carte_mastercard_3.gif) no-repeat top;}
.page-carte ul.carteGoldmastercard1 {background:url(../img/bgd_ul-carte_gold_1.gif) no-repeat top;}
.page-carte ul.carteGoldmastercard2 {background:url(../img/bgd_ul-carte_gold_2.gif) no-repeat top;}
.page-carte ul.carteGoldmastercard3 {background:url(../img/bgd_ul-carte_gold_3.gif) no-repeat top;}
.page-carte .carteGeant ul .last {width:85px;}

/* Pages sante */
.page-sante .formSante .fieldset{background:url(../img/bgd_sante-fieldset.png) no-repeat bottom; float:left; width:529px; padding:0 10px 10px 10px; margin:0 0 13px 0;}
.page-sante  .formule .autresOffresCont{float:left; width:549px; background:url(../img/bgd_sante-fieldset.png) no-repeat bottom;}

.page-sante #leftContent .formule .autresOffresCont .detailBasique{padding:0; margin: 5px 5px 5px 27px; width:380px; height:auto; display:none;}
* html .page-sante #leftContent .formule .autresOffresCont .detailBasique {margin: 5px 5px 5px 16px;}
.page-sante #leftContent .formule .autresOffresCont .detailBasique ul {width:380px; padding:0; margin:0;}
.page-sante #leftContent .formule .autresOffresCont .detailBasique ul li{width:340px; background:url(../img/li_bullet.gif) no-repeat 0 5px; padding:0 0 0 10px; display:block; text-align:justify;}

.page-epargne #leftContent .highlightEpargne	.epargneCont{float:left; padding:10px 15px 20px 15px; width:519px; background:url(../img/bgd_sante-fieldset.png) no-repeat bottom;}

.thematique .highlightThema .highlightCont{padding:0 5px 12px 15px; background:url(../img/bgd_sante-fieldset.png) no-repeat bottom;}

/* Assurance scolaire */
.page-assurance .scolaire .form{overflow:hidden; width:250px; padding:10px;}
.page-assurance .scolaire .form input{width:100px; margin:0 5px 0 50px; float:left;}
.page-assurance .scolaire .form img{float:left; margin:-2px 0 0 0;}
.page-assurance .scolaire .form .btnCorriger{float:left; width:108px; height:35px; background:url(../img/btn_corriger.gif) no-repeat left; margin:5px 0 0 20px; cursor:pointer; border:none; color:#FFFFFF; text-transform:uppercase; font-size:12px; font-weight:bold; padding:0 0 6px 10px;}
.page-assurance .scolaire .form .btnValider{float:left; width:99px; height:35px; background:url(../img/btn_scolaire-valider.gif) no-repeat left; margin:5px 0 0 5px; cursor:pointer; border:none; color:#d41a5e; text-transform:uppercase; font-size:12px; font-weight:bold; padding:0 0 6px 10px;}
#leftContWide .form .radioCivilite input{float:left; width:15px; margin:5px 5px 10px 5px;}
* html #leftContWide .form .radioCivilite input{margin:0 5px 5px 5px;}
#leftContWide .form .radioCivilite label{float:left; padding:5px 0; width:auto; margin:0; display:block; padding:5px 0 0 0; clear: none;}
#leftContWide fieldset.offres label{clear:none; float:none; margin: 0; width:auto;}
#detailContent #context .highlightWrap input.text {width:160px;}
#leftContWide .scolaireStep ul .selected .three {
background:url("../img/illus_3-selected.gif") no-repeat scroll left top transparent;
}
#suggestBoxElement
{
    display: none;
    position: absolute;
    left: 348px;
    top: 668px;
    background: white;
    width: 236px;
    border: solid #ABADB3 1px;
    padding: 0 0px;
}
#suggestBoxElement .suggestion
{
    font-size: 14px;
    padding: 1px 3px;
    cursor: default;
}
#suggestBoxElement .suggestion:hover
{
    background-color: #D41A5E;
    color: white;
}
#leftContWide .form span.recap
{
	margin: 4px 0 6px;
	float: left;
	width: 235px;
}
#leftContWide .form label
{
	clear: left;
}
#leftContWide .form .radioCivilite
{
	float: left;
	width: 235px;
}
#leftContWide .form .formEtat
{
	width: 600px;
}
#btnSupprEnfant
{
	top: -156px;
	position: absolute;
	right: 40px;
}
#leftContWide .formEnfant .buttonBar
{
	position: relative;
}
#errorMsg .btnSuivant
{
	width: 71px;
	height: 20px;
	line-height: 18px;
	float: left;
	background: url(../img/bgd_button-valider.gif) no-repeat;
	cursor: pointer;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-size: 10px;
	margin: 0 0 0 62px;
}
#leftContWide .form .format
{
	vertical-align: middle;
}

/* FAQ */
.highlightFaqInfos div#tags a{
	color: #333333;
	text-decoration: none;
}
.highlightFaqInfos div#tags a:hover{
	text-decoration: underline;
}
.highlightFaqInfos div#tags .relevance1 {
	font-size: 80%;
}
.highlightFaqInfos div#tags .relevance2 {
	font-size: 100%;
}
.highlightFaqInfos div#tags .relevance3 {
	font-size: 110%;
}
.highlightFaqInfos div#tags .relevance4 {
	font-size: 130%;
	font-style: italic
}
.highlightFaqInfos div#tags .relevance5 {
	font-size: 150%;
	font-weight: bold;
}
#mainContent #faq #faqCont #sousCategories {
	float: left;
	height: 30px;
	list-style-type: none;
	margin: 0 0 30px 22px;
	overflow: hidden;
	padding: 0 10px;
	width: 480px;
	border-bottom: solid 1px #dfdcdc;
}
#mainContent #faq #faqCont #sousCategories li {
	float: left;
	background: none;
	display: table;
	height: 30px;
	margin: 0;
	padding: 0;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	width: 108px;
}
#mainContent #faq #faqCont #sousCategories li a {
	background: url("../img/content_sscateg_off.png") no-repeat scroll 0 0 transparent;
	color: #666;
	display: block;
	display: table-cell;
	height: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: middle;
}
#mainContent #faq #faqCont #sousCategories li.ON a, #mainContent #faq #faqCont #sousCategories li a:hover {
	background: url("../img/content_sscateg_on.png") no-repeat scroll 0 0 transparent;
	color: #00712E;
}
#mainContent #faq #topquestions  {
	background: url("../img/content_picto_favoris_1.png") no-repeat scroll 0 4px transparent;
	border-bottom: 4px solid #D6D3D3;
	color: #666666;
	font-size: 11px;
	height: 18px;
	margin: 15px 0 0;
	padding: 7px 0 0 25px;
}
.info {
	color: #999;
	font-size: 9px;
	font-style: italic;
	margin: 2px 0 0 5px;
}
#mainContent #faq #listQuestionsHome ul{margin:0 0 10px;}
#mainContent #faq #listQuestionsHome li{background:url(../img/li_faq.gif) no-repeat 3px 3px; padding:0 4px 14px 15px; display:block;}
#mainContent #faq #listQuestionsHome li a{padding:0 0 0 5px; color:#00712e; text-decoration:none; font-weight:bold; font-size:11px;}
#mainContent #faq #listQuestionsHome li.selectedLi {padding:0; width: 500px; margin:0 0 10px 0;}
#mainContent #faq #listQuestionsHome a.question{color:#FFFFFF; font-size:11px; font-weight:bold; background:url(../img/li_faq.gif) no-repeat left; padding:1px 0 3px 15px; margin:0 0 0 3px; display:block; color:#00712e;}
#mainContent #faq #listQuestionsHome  a.open{color:#FFFFFF; font-size:11px; font-weight:bold; background: #00712e url(../img/li_selected-faq.gif) no-repeat left; padding:1px 0 3px 15px; margin:0 0 0 3px; display:block; color:#ffffff;}
#mainContent #faq #listQuestionsHome li.selectedLi .answers{background:#eeeeee; border-right:1px solid #cecece; border-bottom:1px solid #cecece; border-left:1px solid #cecece; margin:0 0 13px 2px; padding:5px; display:none; overflow:hidden; width:486px;}
* html #mainContent #faq #listQuestionsHome li.selectedLi .answers{margin:0 0 0 1px;}
#mainContent #faq #listQuestionsHome li.selectedLi .answers ul{margin:0; width:496px;}
#mainContent #faq #listQuestionsHome li.selectedLi .answers ul li{background:none; width:475px; }
#mainContent #faq #listQuestionsHome li.selectedLi .answers ul li.unpair{color:#333333; font-weight:bold; font-size:11px; background:none; text-align:left; padding:10px 0 5px 10px;}
#mainContent #faq #listQuestionsHome li.selectedLi .answers ul li.pair{font-size:11px; color:#333333; font-weight:normal; text-align:left; padding:0; margin:0 0 5px 7px;}

#mainContent #faq #listQuestionsHome .section
{
	padding: 7px 0 0;
	border-bottom: 1px dotted #D6D3D3;
}
#mainContent #faq #listQuestionsHome h4
{
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 2px;
	padding-left: 15px;
}
#mainContent #faq #listQuestionsHome h4 a
{
	color: gray;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

#mainContent .highlightFaq .highlightFaqInfos
{
	overflow: hidden;
}

#mainContent #faq #faqCont .answers p {
	color: black;
	float: none;
	font-style: normal;
	padding: 0;
	width: auto;
	margin: 1em 0;
}
#listQuestionsHome a.question
{
	background: none;
}
#mainContent #faq #faqCont a.question
{
	background: none;
}
