/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{
	margin:0;
	padding:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, blockquote{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333;font-weight:normal;}

fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

select option{padding:0 3px;}

ul li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

hr{display:none;}

sup{
font-size:9px;
}

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

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background-color:#9fa1a4;}
	
	div#global{position:relative;text-align:left; width:100%;}
	
	div#bg_header, div#bg_bande, div#bg_page, div#bg_top, div#bg_bas{float:left; width:100%;}
	
	div#bg_header{background-color:#fff;}
	div#bg_bande{background:url(../images/pages_int/bg-bande.jpg) repeat-x 50% 0%;}
	div#bg_page{background:url(../images/pages_int/bg-page.gif) repeat-y 50% 0%;}
	div#bg_top{background:url(../images/pages_int/bg-top.jpg) no-repeat 50% 0%;}
	div#bg_bas{background:url(../images/pages_int/bg-bas.jpg) no-repeat 50% bottom;}
	
	div#footer_page { background:url(../images/pages_int/footer1.jpg) no-repeat 50% 0%;  border: 0px #ff0000 solid; width:1075px; height:71px;position:relative; margin:0 auto;}
	
	div#global_header, div#global_page{position:relative;width:1001px;text-align:left;margin:0 auto;}
	
	div#header, div#middle{float:left;width:1001px;}
	
	div#middle{padding-bottom:65px;}
	
	
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
		
	/* -------------- header -------------- */
	/* accroche */
	div#accroche{float:left;padding-top:25px;}
	
	/* logos */
	div#logos{float:right;padding:10px 1px 9px 0;}
	
	div#logos img{margin-left:13px;vertical-align:middle;}
	
	/* nav */
	ul#nav{float:left;width:833px;height:25px;padding-left:168px;background:url(../images/pages_int/bg-nav.gif) no-repeat left bottom;}
	
	ul#nav li{float:left;padding-right:3px;}
	
	ul#nav li a, ul#nav li a.bt_nav{float:left;height:17px;background-repeat:no-repeat;display:block;}
	ul#nav li a:hover, ul#nav li a.bt_nav_hover{background-position:bottom;}
	
	ul#nav li a span{display:none;}
	
	ul#nav li a#nav_accueil{width:60px;background-image:url(../images/pages_int/bg-nav-accueil.gif);}
	ul#nav li a#nav_avantages{width:97px;background-image:url(../images/pages_int/bg-nav-avantages.gif);}
	ul#nav li a#nav_solutions{width:101px;background-image:url(../images/pages_int/bg-nav-solutions.gif);}
	ul#nav li a#nav_fidelite{width:148px;background-image:url(../images/pages_int/bg-nav-fidelite.gif);}
	ul#nav li a#nav_aide{
	width:95px;
	background-image:url(../images/pages_int/bg-nav-aide.gif);
}
	ul#nav li a#nav_infos{width:85px;background-image:url(../images/pages_int/bg-nav-infos.gif);}
	ul#nav li a#nav_contact{width:68px;background-image:url(../images/pages_int/bg-nav-contact.gif);}
	
	
	/* -------------- middle -------------- */
	h1{float:left;width:947px;padding:19px 0 0 54px;}
	h1 span{display:none;}
		
		
		
		
	/*--------------------footer-------------------*/	
		
	div#mentions_legales{position:relative;width:1000px; text-align:center; font-size:10px; border: 0px #ff0000 solid; padding-left:0px auto; margin:0px auto;}
div#mentions_legales table{ border:0px #00CC66 solid; width:100%; padding:0 auto; margin:0 auto; text-align:center}



div#mentions_legales{font-family:Arial, Helvetica, sans-serif; font-size:10px; background-image:url(../images/pages_int/background-ombre.jpg); background-repeat:repeat-x; color:#ffffff; width:1000px; background-color:#9fa1a4; }

.mentions_legales{font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#9fa1a4; color:#ffffff; width:1000px; height:70px}

div#copyright{
	margin-top:3px;
	width:378px;
	text-align:left;
	position:absolute;
	font-size:10px;
	vertical-align:bottom;
	left: -27px;
	top: 5px;
	color:#ffffff;
}

div#mentions{
color:#ffffff;
margin-top:3px;
width:995px;
text-align:right;
position:float right;
font-size:10px
}

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

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	strong{font-weight:bold;}
	
	.clear{clear:both;}
	
	.mentions_legales{font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#9fa1a4; color:#ffffff; width:1000px}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_avantages_01.html */ 
/*************************************************************************************************************************************************************************/
	/**** colonne 1 ****/
	div#colonne_1{float:left;width:326px;padding:27px 0 0 82px;}
	
	div#colonne_1 .img_avantages{margin:12px 0 0 28px;}
	
	div#bloc_solutions{float:left;width:298px;padding-bottom:14px;background:url(../images/pages_int/bg-encart-solutions.gif) no-repeat left bottom;}
	div#bg_solutions{float:left;width:284px;padding:13px 0 0 14px;background:url(../images/pages_int/bg-encart-solutions-top.gif) no-repeat;}
	
	div#bloc_solutions ul{padding:12px 18px 0 0;}
	div#bloc_solutions ul li{padding:0 0 12px 13px;background:url(../images/pages_int/bg-puce-1.gif) no-repeat 0px 2px;}
	
	/**** colonne 2 ****/
	div#colonne_2{float:left;width:550px;padding-top:28px;}
	
	/* sous nav */
	ul#sous_nav{float:left;width:560px;height:24px;background:url(../images/pages_int/bg-degrade-ssnav.gif) no-repeat left bottom;}
	
	ul#sous_nav li{float:left;}
	
	ul#sous_nav.marg_1 li{padding-right:8px;}
	
	ul#sous_nav li a, ul#sous_nav li a.bt_ssnav{float:left;height:16px;background-repeat:no-repeat;display:block;}
	ul#sous_nav li a:hover, ul#sous_nav li a.bt_ssnav_hover{background-position:bottom;}
	
	ul#sous_nav li a span{display:none;}
	
	ul#sous_nav li a#ssnav_avtges{width:75px;background-image:url(../images/pages_int/bg-ssnav-avtges.gif);}
	ul#sous_nav li a#ssnav_generer_eco{width:130px;background-image:url(../images/pages_int/bg-nav-generer-eco.gif);}
	ul#sous_nav li a#ssnav_gagner_controle{width:122px;background-image:url(../images/pages_int/bg-nav-gagner-controle.gif);}
	ul#sous_nav li a#ssnav_prog_fid{width:125px;background-image:url(../images/pages_int/bg-nav-prog-fid.gif);}
	ul#sous_nav li a#ssnav_acc_collabo{width:193px;background-image:url(../images/pages_int/bg-nav-acc-collabo.gif);}
	ul#sous_nav li a#ssnav_compte{width:194px;background-image:url(../images/pages_int/bg-ssnav-compte.gif);}
	ul#sous_nav li a#ssnav_carte{width:268px;background-image:url(../images/pages_int/bg-ssnav-carte.gif);}
	ul#sous_nav li a#ssnav_fonctnt{width:112px;background-image:url(../images/pages_int/bg-ssnav-fonctnt.gif);}
	ul#sous_nav li a#ssnav_assurances{width:82px;background-image:url(../images/pages_int/bg-ssnav-assurances.gif);}
	ul#sous_nav li a#ssnav_fidelite{width:147px;background-image:url(../images/pages_int/bg-ssnav-fidelite.gif);}
	ul#sous_nav li a#ssnav_fidelite2{width:147px;background-image:url(../images/pages_int/bg-ssnav-fidelite2.gif);}
	ul#sous_nav li a#ssnav_services{width:62px;background-image:url(../images/pages_int/bg-ssnav-services.gif);}
	
	/* sous titre */
	h2.h2_eco, h2.h2_controle, h2.h2_accompagner{height:40px;padding:5px 0 0 44px;margin-top:3px;background-repeat:no-repeat;background-position:6px 0px;font-size:18px;color:#627a8c;}
	
	h2.h2_eco{background-image:url(../images/pages_int/bg-h2-economies.gif);}
	h2.h2_controle{background-image:url(../images/pages_int/bg-h2-controle.gif);}
	h2.h2_accompagner{background-image:url(../images/pages_int/bg-h2-accompagner.gif);}
	
	/* liste */
	ul.liste_1{
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 44px;
}
	
	ul.liste_1 li{
	padding-left:16px;
	background-image: url(../images/pages_int/bg-puce-1.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
	
	ul.liste_1 li.li_intitule{padding:8px 0 4px 0;background:none;}
	
	ul.liste_1 li span{font-size:8px;}
	
	/* notes */
	p.notes{padding-left:50px;font-size:9px;}
	p.notes2{padding-left:20px;font-size:9px;}
	p.notes a{color:#333;text-decoration:underline;}
	p.notes a:hover{text-decoration:none;}
	
	div#notes{
	padding-left:20px;
	height:100px;

	}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_nos_solutions_01.html */ 
/*************************************************************************************************************************************************************************/
	/* intro */
	p.intro_solutions{float:left;width:835px;padding:12px 83px 18px 83px;font-size:13px;color:#656566;line-height:23px;}
	
	p.intro_solutions em{font-size:17px;color:#506270;}
	
	/* bloc carte */
	div#bg_points{float:left;width:918px;padding:0 0 3px 83px;margin-bottom:27px;background:url(../images/pages_int/bg-points.gif) no-repeat 83px bottom;}
	
	div.choix{float:left;width:421px;height:201px;padding:17px 0 0 12px;background:url(../images/pages_int/bg-bloc-carte.gif) no-repeat;}
	
	div#bloc_compte{width:402px;padding-left:0px;background:url(../images/pages_int/bg-bloc-compte.gif) no-repeat;}
	
	div.choix div.visuel{float:left;width:174px;padding-top:50px;}
	div#bloc_compte div.visuel{width:160px;padding-top:16px;}
	
	div.choix div.details{float:left;width:247px;}
	div#bloc_compte div.details{width:242px;}
	
	div.choix div.details p{height:103px;padding:26px 48px 0 0;font-size:13px;color:#999;}
	
	/* bloc economies */
	div#bloc_eco{float:left;width:268px;padding-left:130px;background:url(../images/pages_int/bg-picto-eco.gif) no-repeat 83px 0px;}
	
	/* bloc controle */
	div#bloc_controle{float:left;width:244px;padding-left:47px;background:url(../images/pages_int/bg-picto-controle.gif) no-repeat;}
	
	/* bloc accompagner */
	div#bloc_accompagner{float:left;width:209px;padding-left:47px;background:url(../images/pages_int/bg-picto-accompagner.gif) no-repeat;}
	
	div.blocs_bas ul{padding-top:12px;}
	div.blocs_bas ul li{padding:0 0 4px 15px;background:url(../images/pages_int/bg-puce-1.gif) no-repeat 0px 2px;color:#000;}
	
	div.blocs_bas ul li em{color:#007ec3;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_nos_solutions_02.html */ 
/*************************************************************************************************************************************************************************/
	/* bloc telecharger */
	div#telecharger, div#telecharger_2{float:left;width:190px;height:76px;padding:7px 14px 0 94px;margin-top:11px;background:url(../images/pages_int/bg-telecharger.jpg) no-repeat;}
	div#telecharger_2{background-image:url(../images/pages_int/bg-telecharger-2.jpg);}
	
	div#telecharger strong, div#telecharger_2 strong{color:#627a8c;}
	
	div#telecharger img, div#telecharger_2 img{float:right;margin-top:4px;}
	
	/* sous titre */
	h2{padding:16px 0;font-size:18px;color:#627a8c;}
	
	/* blocs etapes */
	div.etape{float:left;width:499px;padding:2px 5px 24px 44px;background-repeat:no-repeat;}
	
	div#bloc_1{background-image:url(../images/pages_int/bg-picto-1.gif);}
	div#bloc_2{background-image:url(../images/pages_int/bg-picto-2.gif);}
	div#bloc_3{background-image:url(../images/pages_int/bg-picto-3.gif);}
	div#bloc_4{background-image:url(../images/pages_int/bg-picto-4.gif);}
	div#bloc_5{background-image:url(../images/pages_int/bg-picto-5.gif);}
	div#bloc_6{background-image:url(../images/pages_int/bg-picto-6.gif);}
	div#bloc_7{
	float:left;
	width:529px;
	background-repeat:no-repeat;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 24px;
	padding-left: 0px;
}
	
	div.etape em{font-size:14px;color:#627a8c;}
	
	div.etape ul.pictos{padding:0 0 0 0;}
	div.etape ul.pictos li{float:left;padding:13px 34px 0 0;}
	
	div.etape .img_bouton{float:right;margin:4px 50px 0 0;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_nos_solutions_03.html */ 
/*************************************************************************************************************************************************************************/
	/* texte intro */
	p.intro{padding-bottom:16px;}
	
	/* liste bloc etapes */
	div.etape ul.liste_etape{padding-top:10px;}
	
	div.etape ul.liste_etape li{padding:0 0 0 14px;background:url(../images/pages_int/bg-puce-1.gif) no-repeat 0px 2px;}
	
	div.etape ul.liste_etape li strong{color:#0094d8;}
	
	/* -- */
	div.etape p{float:left;padding-top:6px;}
	
	/* bandeau cg */
	div#bandeau_cg{float:left;width:453px;padding:10px 13px 10px 44px;margin:10px 0 30px 0;background-color:#a1afba;}
	
	div#bandeau_cg p{float:left;padding-top:3px;color:#fff;font-weight:bold;}
	
	div#bandeau_cg img{float:right;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_nos_solutions_03b.html */ 
/*************************************************************************************************************************************************************************/
	/* texte */
	p.intro em{font-size:14px;color:#627a8c;}
	
	/* liste texte */
	ul.liste_texte{float:left;width:404px;padding-bottom:35px;}
	
	ul.liste_texte li{padding:0 0 0 15px;background:url(../images/pages_int/bg-puce-1.gif) no-repeat 0px 2px;}
	
	/* bouton info */
	div#bouton_droite{float:left;width:105px;}
	
	div#bouton_droite img{margin-top:4px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_progr_fid_01.html */ 
/*************************************************************************************************************************************************************************/
	div.etape em#rewards, div.etape em#flying{
	display:block;
	background-image: url(../images/pages_int/bg-rewards.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 20px;
	padding-left: 0px;
}
	
	div.etape em#flying{
	background-image: url(../images/pages_int/bg-flying-blue.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	margin-right:10px;
}
	
	/* bandeau visuel */
	div.bg_visu{float:left;width:150px;height:54px;padding:52px 0 0 387px;margin-bottom:44px;}
	
	div#visu_fidelite{background:url(../images/pages_int/bg-visu-fidelite.jpg) no-repeat;}
	
	
	/* POP UP */
div#popup{width:638px; overflow:hidden}

div#popup_title{  width:638px; height:34px; background:url(../images/pages_int/popup_title.png); background-repeat:no-repeat ;line-height:29px;font-size:17px; font-weight:normal; display:block; color:#FFFFFF; text-decoration:none; padding:15px 0 0 38px; }

div#popup_main{  width:638px; background-image:url(../images/pages_int/popup_main.png); background-repeat:no-repeat; height:210px}

div#popup p{ margin:0px 0 8px 0;}

div#popup_footer{  width:638px; height:22px; background-image:url(../images/pages_int/popup_footer.png); background-repeat:no-repeat;}

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

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_aide_au_choix_01.html */ 
/*************************************************************************************************************************************************************************/
	.form_question{padding-top:30px;}
	
	.form_question p.intro{padding-bottom:10px;}
	
	.form_question div{float:left;width:508px;padding-top:10px;background:url(../images/pages_int/bg-points-form.gif) repeat-x left bottom; padding-bottom:15px}
	
	.form_question div input{float:left;}
	
	/** html .form_question div input{width:13px;height:13px;overflow:hidden;}
	* + html .form_question div input{width:13px;height:13px;overflow:hidden;}*/
	
	.form_question div input.input_marg{margin-left:30px;}
	
	.form_question div label{float:left;padding:0 30px 12px 10px;}
	.form_question div label.lab_2{width:130px;}
	.form_question div label.lab_3{width:200px;}
	
	.form_question div label.neg_1{margin-top:-6px;}
	.form_question div label.neg_2{margin-top:-10px;}
	
	.form_question .submit_question{float:right;width:98px;height:20px;margin:30px 28px 0 0;background:url(../images/pages_int/bg-bt-suivante.gif) no-repeat;border:none;cursor:pointer;text-indent:-9999px;font-size:0px;color:#e1e2e1;}
	.form_question .valid_question{float:right;width:98px;height:20px;margin:20px 28px 0 0;background:url(../images/pages_int/bg-bt-valider.gif) no-repeat;border:none;cursor:pointer;text-indent:-9999px;font-size:0px;color:#e1e2e1;}
	.form_question .preced_question{float:left;width:98px;height:20px;margin:20px  0 0 28px;}
	
	.form_question div div{width:auto;height:auto;padding-top:0px;margin-top:-16px;background:none;}
	.form_question div div input{width:150px;height:16px;margin-top:4px;border:1px solid #e1e2e1;}
	
	.inputautre{ width:100px; font-size:11px; color:#000; background-color:#FFF; border:1px solid #333; margin-left:30px; padding:0 3px}
	
	#aac_form { height:333px}
	#aac_form p{ clear:both}
	#aac_form label { width:210px; text-align:right}
	.aac_width{ width:235px;height:17px;padding:3px 0 10px 5px;background:none; border:none; background:url(../images/pages_int/bg-champs-form.gif) no-repeat; font-size:12px; }
	.select{width:235px;font-size:12px; background-color:#FFF; color:#666; border:1px solid #e1e2e1;}
	/*#aac_form label, textarea{ float:none; background-color:#FFF; display:inline; width:210px; float:left}
	#aac_form input{ border:1px solid #999}
	
	*/

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

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_infos_utiles_01.html */ 
/*************************************************************************************************************************************************************************/
	/* infos carte */
	div.colonne_infos{float:left;width:422px;}
	
	div#infos_carte{padding-left:87px;}
	
	div.infos_1, div.infos_2, div.infos_3{float:left;width:406px;background-repeat:no-repeat;background-position:right top;}
	
	div.infos_1{height:180px;background-image:url(../images/pages_int/bg-infos-1.gif);}
	
	div.infos_2{height:105px;margin:13px 0;background-image:url(../images/pages_int/bg-infos-2.gif);}
	
	div.infos_3{height:79px;background-image:url(../images/pages_int/bg-infos-3.gif);}
	
	div.colonne_infos div.visuel{float:left;width:85px;}
	
	div.colonne_infos div.details{float:left;width:305px;padding:0 0 0 16px;}
	
	div.colonne_infos div.details table{float:left;width:291px;margin-top:10px;}
	
	div.colonne_infos div.infos_2 div.details table{margin-top:20px;}
	
	div.colonne_infos div.details table .td_1{width:185px;padding:0 0 7px 15px;background:url(../images/pages_int/bg-puce-1.gif) no-repeat 0px 2px;color:#000;}
	div.colonne_infos div.details table .td_2{width:91px;}
	div.colonne_infos div.details table .td_3{width:170px;padding:0 0 10px 30px;background:url(../images/pages_int/bg-fleche.gif) no-repeat 14px 3px;color:#000;font-weight:bold;}
	
	div.colonne_infos div.details table .td_pad_1{padding-bottom:40px;}
	
	div.colonne_infos div.infos_3 div.details{width:277px;padding:16px 13px 0 31px;background:url(../images/pages_int/bg-puce-2.gif) no-repeat 15px 18px;color:#fff;}
	
	div.colonne_infos div.infos_3 div.details img{float:right;margin-top:6px;}
	div#infos_carte div.infos_3 div.details img{margin-top:-7px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_infos_utiles_02.html */ 
/*************************************************************************************************************************************************************************/
	div#bloc_solutions p{padding-right:13px;}
	
	/* boutons info */
	div#infos_resto, div#infos_depenses{float:left;width:206px;padding:11px 0;font-size:9px;font-weight:bold;}
	div#infos_depenses{width:120px;}
	
	div#infos_resto img, div#infos_depenses img{margin-top:5px;}
	
	/* sous titre */
	h2.h2_small{padding:32px 0 7px 0;font-size:14px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo_contact.html */ 
/*************************************************************************************************************************************************************************/
	/* bloc contact */
	div#bloc_contact{float:left;width:296px;height:234px;background:url(../images/pages_int/bg-bloc-contact.gif) no-repeat;}
	
	div#bloc_contact div{float:left;width:112px;height:41px;padding:64px 100px 0 84px;background:url(../images/pages_int/bg-tel-contact.gif) no-repeat 19px 20px;color:#fff;font-weight:bold;}
	
	div#bloc_contact p{clear:both;padding:15px 0 0 20px;color:#fff;}
	
	div#bloc_contact p em{font-size:22px;}
	
	/* formulaire */
	.form_contact label{float:left;width:233px;padding:3px 15px 0 0;text-align:right;}
	
	.form_contact div{float:left;width:284px;height:17px;padding:3px 0 10px 5px;background:url(../images/pages_int/bg-champs-form.gif) no-repeat;}
	
	.form_contact div input, .form_contact div textarea{width:225px;height:16px;border:none;background:none;font-size:12px;}
	.form_contact div textarea{height:57px;}
	
	.form_contact div select{width:235px;font-size:12px; background-color:#FFF; color:#666; border:1px solid #e1e2e1;}
	
	.form_contact label.lab_message{padding-top:45px;}
	.form_contact div.chp_message{height:78px;padding-top:21px;margin:5px 0;background:url(../images/pages_int/bg-message.gif) no-repeat;}
	
	.form_contact p{float:left;width:243px;padding:0 0 0 140px;color:#999;}
	
	.form_contact p span{float:left;padding-top:3px;}
	
	.form_contact p input{float:right;width:91px;height:20px;background:url(../images/pages_int/bg-bt-valider.gif) no-repeat;border:none;cursor:pointer;text-indent:-9999px;font-size:0px;color:#e1e2e1;}