body  { margin:0; background:url(../img/bg_body.gif); } 
h1 { display:block; margin:0; height:16px; }
h1 span { display:none; }
h2 { font:bold 11px Verdana; }
body, table, td, a { font-family:verdana, sans-serif; font-size:11px; color:#717171; }
img { border:0px; }
ul { margin :0 0 0 -18px; padding-left:18px; list-style:none; }
a, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
label { color:#466411; font-weight:bold; float:left; margin-top:2px; font-family:verdana; font-size:11px; }
hr { height:2px; color:#E7F9C8; background:url(../img/bg_hr.gif); border:0; _margin:-0.2em 0; _padding:0; } 
.hr_rl { height:2px; color:#37A645; background:url(../img/bg_hr_rl.gif); border:0; _margin:-0.2em 0; _padding:0; } 
hr.hr_gray { color:#CDCDCD; background:url(../img/bg_hr_gray.gif);  }
.left { float:left; }
.right { float:right; }
.clear { clear:both; visibility:hidden; }
.red { color:#EC093F; }

/* structure */
#container { position:relative; margin:0 auto; padding:0 50px 0 11px; width:846px; background:transparent url(../img/bg_container.gif) repeat-y; }
	.guillemet { position:absolute; right:2px; top:490px; width:46px; height:53px; background:transparent url(../img/bg_container.gif) no-repeat right 0; }
	#header { position:relative; height:130px; background:url(../img/bg_header.jpg) no-repeat; }
		.espaceclient { position:absolute; top:4px; left:340px; display:block; padding-left:30px; background:url(../img/puce_espaceclient.gif) no-repeat 0 2px; }
		.espaceclient:hover { text-decoration:none; color:#FFF; }
		.logo_123credit { position:absolute; top:33px; left:22px; display:block; width:125px; height:40px; }
			.logo_123credit a { display:block; width:125px; height:40px; }
			.logo_123credit a span { display:none; }
		#m_header { position:absolute; top:100px; left:10px; margin:0; padding:0; height:24px; list-style-type:none; }
		#m_header li { float:left; }
		#m_header li span { display:none; }
		#m_header a { display:block; height:12px; background:transparent url(../img/menu.gif) no-repeat 0 0; }
		#m_header a#m_creditrenouvelable { width:122px; background-position:0 0; }
		#m_header a#m_creditrenouvelable:hover { background-position:0 -12px; }
		#m_header a#m_rachatcredit { width:102px; background-position:-122px 0; }
		#m_header a#m_rachatcredit:hover { background-position:-122px -12px; }
		#m_header a#m_123conseils { width:70px; background-position:-224px 0; }
		#m_header a#m_123conseils:hover { background-position:-224px -12px; }
		#m_header a#m_faq { width:36px; background-position:-294px 0; }
		#m_header a#m_faq:hover { background-position:-294px -12px; }
		#m_header a#m_qui { width:117px; background-position:-330px 0; }
		#m_header a#m_qui:hover { background-position:-330px -12px; }
		#m_header a#m_newsletter { width:84px; background-position:-447px 0; }
		#m_header a#m_newsletter:hover { background-position:-447px -12px; }
	#content { margin-left:10px; width:827px; background:transparent url(../img/bg_content.gif) repeat-x 0 bottom; }
	#content_w { margin-left:10px; width:827px; background:#fff url(../img/bg_content_w.gif) repeat-x 0 bottom; }
	#legal { clear:both; margin:20px 0 0 10px; width:827px; text-align:center; font-size:9px; }
		#legal a { font-size:9px; }
		.legal { padding:10px; width:805px; text-align:justify; background:#F1F1F1; border:1px solid #D4D4D4; }
			.legal p { margin:0 0 10px; }

/**************************/
/*        style page      */
/**************************/

.gauche {
	float:left;
}

.droite {
	float:right;
}

dl, dd, dt {
	margin:0;
	padding:0;
}

.box_faq_bas {
	width:827px;
}

.box_faq_top {
	width:803px;
	padding:10px;
	background:transparent url(../img/box_faq_top.gif) 0 0 no-repeat;
}

.box_faq_bas {
	background:transparent url(../img/box_faq_bot.gif) left bottom no-repeat;
}

.bloc_faq_contenu {
	width:762px;
	margin-top:10px;
	padding:15px;
	background-color:#f0f0f0;
	border:solid 1px #cdcdcd;
}

.bloc_rubrique_faq, dl#faq, dl#faq dt, dl#faq dt a, dl#faq dt a:hover, dl#faq dt a:visited, dl#faq dd, dl#faq dd a, .bloc_faq_contenu, ul.savoirplus, ul.savoirplus li a, .box_faq_top, .treb, a {
/**/
	font:normal 11px verdana, sans-serif;
	line-height:14px;
}


/**************************/
/*        style bloc      */
/**************************/

.bloc_smenu_faq, .bloc_smenu_guide, .bloc_smenu_lexique, .bloc_smenu_souscription {
	height:67px;
	margin-right:5px;
	padding:40px 15px 0 15px;
	margin-bottom:10px;
	cursor:pointer;
}

.bloc_smenu_faq {
	width:165px;
}

.bloc_smenu_guide {
	width:166px;
}

.bloc_smenu_lexique {
	width:165px;
}

.bloc_smenu_souscription {
	width:164px;
}

dl#faq dt, dl#faq dt a, dl#faq dt a:hover, dl#faq dt a:visited {
	margin-bottom:8px;
	font-weight:bold;
	color:#717171;
	text-decoration:none;
}

dl#faq dd, dl#faq dd a {
	color:#c536aa;
}

dl#faq dd {
	margin-bottom:10px;
	text-align:justify;
}

.bloc_guide_contenu {
	width:762px;
	margin-top:10px;
	padding:15px;
	background-color:#fff;
	border:solid 1px #cdcdcd;
	color:#717171;
}

.bloc_guide_smenu {
	width:200px;
	padding:5px;
	background-color:#d6d6d6;
}

.bloc_guide_smenu dt {
	color:#88af43;
	margin-top:10px;
}

ul.alphab li {
	display:inline;
}

#def dl dt, #def dl dt a{
	font-weight:bold;
}

dl.def dt, dl.def dt a, dl.def dt a:hover, dl.def dt a:visited {
	margin-bottom:8px;
	color:#01aaa9;
}

dl.def dd {
	margin-bottom:10px;
}

dl#souscrire dd {
	margin-bottom:15px;
	text-align:justify;
}

ul.savoirplus {
	float:left;
	margin:15px 0 15px;
}

ul.savoirplus li {
	padding-left:12px;
	background:transparent url(../img/puce_rouge.gif) 0 3px no-repeat;
}

ul.savoirplus li a {
	text-decoration:none;
}

#def dl {
}

#def dl dt {
	margin-left:25px;
	font-weight:bold;
}

#def dl dd {
	margin-bottom:12px;
}

.bg_plan {
	padding:5px 10px 15px 5px;
	background:transparent url(../img/bg_bloc_plan.gif) 0 0 repeat-x;
}

ul.pucerouge li {
	margin-top:15px;
	padding-left:12px;
	background:transparent url(../img/puce_rouge.gif) 0 3px no-repeat;
}

.large {
	width:800px;
}

 div#guide {
	text-align:justify;
 }

 div.tab {
	border:solid 3px;
 }

 .tab table {
	border:solid 1px #fff;
 }

 .tab th {
	background-color:#646464;
	color:#fff;
 }

 .tab td {
	color:#646464;
 }

 .tab td, .tab th  {
	height:22px;
	border-right:solid 2px #fff;
	border-bottom:solid 1px #fff;
	text-align:center;
 }

 .tab tr.gris {
	background-color:#d9d9d9;
 }



/*************************/
/*       style texte     */
/*************************/


.bloc_rubrique_faq {
	text-align:center;
	color:#000;
}

.bloc_guide_contenu a, .bloc_faq_contenu, ul.savoirplus li a, .box_faq_top, .bloc_guide_smenu dd a, dl.def dd, dl.def dd a, ul.savoirplus, .treb {
	color:#717171;
}

p.parafGuide:first-line {
	color:#88af43;
}

.lettre {
	font-weight:bold;
	font-size:36px;
	color:#01aaa9;
}

#lexique, #lexique a {
	font:normal 11px verdana;
	line-height:14px;
	text-align:justify;
}

dl#souscrire dt {
	color:#E95D0F;
}

ul.pucerouge li:first-line {
	font-weight:bold;
}

.justif {
	text-align:justify;
}

.dix {
	font-size:10px;
}

.txt_petit_gris { color:#C0C0C0; }


#btn_ra, #btn_rc, #btn_rar { display:block; float:left; height:327px; background:url(../img/hm_case.jpg); }
	#btn_ra span, #btn_rc span, #btn_rar span  { display:block; height:32px; }
#btn_ra, #btn_rar { width:347px; background-position:0 0; }
	#btn_ra:hover span, #btn_rar:hover span { width:347px; background:transparent url(../img/hm_case.jpg) 0 -327px; }
#btn_rc { width:306px; background-position:-347px 0; }
	#btn_rc:hover span { width:306px; background:transparent url(../img/hm_case.jpg) -347px -327px; }
#btn_rar { height: 295px; background:url(../img/hm_case_promo.jpg); }
	#btn_rar:hover span { width:347px; background:transparent url(../img/hm_case_promo.jpg) 0 -295px; }


/*******************************
	Titre
*******************************/


#titre_ra, #titre_rl, #titre_legales, #titre_groupe {
	width:642px;
	height:40px;
	margin-left:3px;
}

#titre_ra {
	background:url(../img/bg_titre_ra.gif) repeat-x;
}

#titre_rl {
	background:url(../img/bg_titre_rl.gif) repeat-x;
}

#titre_legales {
	width:818px;
	background:url(../img/bg_titre_legales.gif) repeat-x;
}

#titre_groupe {
	width:818px;
	background:url(../img/bg_titre_groupe.gif) repeat-x;
}

#titre123 {
	padding:4px 0 0 10px;
	background:url(../img/bg_green_12.gif) repeat-x;
}

#titre123 {
	width:823px;
	height:40px;
	margin-left:3px;
}

.stitre_vert {
	font-size:16px;
	color:#5fa245;
}


/*******************************
	/Titre
*******************************/



#bg_page {
	background:url(../img/bg_page.gif) repeat-x 0% 100%;
}



#footer {
	width:450px;
	height:auto;
	margin:20px 0 0 0;
	float:right;
	background:url(../img/bg_footer.gif) no-repeat 0% 0%;
	text-align:center;
}

#footer ul {
	margin-top:10px;
}
#footer li {
	margin-left:2px;
}
#footer li, #footer li a {
	font-family:verdana, arial;
	font-size:9px;
	display:inline;
	text-decoration:none;
}
#footer li a:hover {
	text-decoration:underline;
}


#simulateur {
	width:650px;
	float:left;
	background:url(../img/bg_simulateur.gif) repeat-y 0% 100%;
}
#simulateur_head {
	background:url(../img/bg_head_simulateur.gif) no-repeat 0% 0%;
}
#simulateur_main {
	width:610px;
	margin :0 0 23px 17px;
}

#simulateur_main_2 {
	width:610px;
	margin :0 0 11px 17px;
}

#box_green_ra1 {
	width:316px;
	height:181px;
	float:left;
	background:url(../img/bg_green_ra1.gif) no-repeat;
	font-family:verdana;
}
#box_green_ra2 {
	width:196px;
	height:91px;
	float:left;
	background:url(../img/bg_green_ra2.gif) no-repeat;
	text-align:center;
	font-family:verdana;
}

#box_green_ra3 {
	width:316px;
	height:192px;
	float:left;
	background:url(../img/bg_green_ra3.gif) no-repeat;
	font-family:verdana;
}

#box_green_ra4 {
	width:196px;
	height:181px;
	float:left;
	background:url(../img/bg_green_ra4.gif) no-repeat;
	text-align:center;
	font-family:verdana;
}
#ra_modif {
	width:98px;
	height:52px;
	margin-top:55px;
	float:left;
	background:url(../img/btn_sumit_ra.gif) no-repeat;
	border:0px;
}


.input_ra {
width:141px;
height:25px;
background:url(../img/bg_input_ra.gif) no-repeat left top;
padding:4px 8px 0 8px;
float:left;
}

.input_rl2 {
width:86px;
height:25px;
background:url(../img/bg_input_rl.gif) no-repeat left top;
padding:4px 0 0 8px;
float:left;
}

.input_ra input {
	width:123px;
	height:14px;
	border:none;
	border:transparent;
	font-size:11px;
}

.input_rl2 input {
	width:65px;
	height:14px;
	border:none;
	border:transparent;
	font-size:11px;
	color:#D1236D;
	text-align:right;
}

#track0, #track1, #track3 {
	width:169px;
	height:21px;
	background:url(../img/drag_bar.gif) no-repeat;
	float:left;
	margin-right:5px;
}
#handle0, #handle1, #handle3 {
	width:21px;
	height:21px;
	background:url(../img/drag_btn.gif) no-repeat;
	cursor:pointer;
}

.tranche {
	color:#C536AA;
	margin:3px 0 0 0;
	font-size:11px;
	font-family:verdana;

}

#recommandation {
	color:#C536AA;
}

#box_green_rl2 {
	width:607px;

	background:url(../img/bg_green_rl2.gif) repeat-y 0% 100%;
	font-family:verdana;
}

#box_small {
	width:647px;
	background:url(../img/box_main_small.gif) repeat-y  0% 100%;
}

#box_head_small {
	background:url(../img/box_head_small.gif) no-repeat;
	height:13px;
}

.label_gray {
	color:#EC093F;
	float:none;
}

.input_gray {
	border-color:transparent transparent #CECBCB #CECBCB;
	border-style:solid;
	border-width:0 0 1px 1px
}

.input_gray2 {
	border-color:#F7F7F7 #F7F7F7 #CECBCB #CECBCB;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	margin-bottom:3px;
}

.input_rl {
	width:100px;
	height:16px;
	border-style:solid;
	border-width:0 0 1px 1px;
	border-color:transparent transparent #37A645 #37A645;
	color:#D1236D;
	text-align:right;
}
#ajouter_contrat {
	width:144px;
	height:20px;
	background:url(../img/btn_add_credit.gif) no-repeat 0% 0%;
	border:0px;
}

#simulez {
	width:87px;
	height:46px;
	background:url(../img/btn_simulez.gif) no-repeat 0% 0%;
	border:0px;
}

#retour_contrat {
	width:155px;
	height:20px;
	background:url(../img/btn_modifier.gif) no-repeat 0% 0%;
	border:0px;
}

#modifier {
	width:184px;
	height:25px;
	background:url(../img/btn_modifier_simulation.gif) no-repeat 0% 0%;
	border:0px;
}

#modifier {
	margin-top:4px;
	width:184px;
	height:25px;
	background:url(../img/btn_modifier_simulation.gif) no-repeat 0% 0%;
	border:0px;
}

#demande_email {
	margin:4px 0 0 4px;
	width:178px;
	height:25px;
	background:url(../img/btn_sim_email.gif) no-repeat 0% 0%;
	border:0px;
}

#demande_ligne {
	margin:8px 3px 0 0;
	width:178px;
	height:20px;
	background:url(../img/btn_demande_ligne.gif) no-repeat 0% 0%;
	border:0;
}

#demande_ligne2 {
	margin-top:-30px;
	width:150px;
	height:45px;
	background:url(../img/btn_demande_ligne2.gif) no-repeat 0% 0%;
	border:0;
}

#prendre_rdv {
	width:185px;
	height:44px;
	background:url(../img/btn_prendre_rdv.gif) no-repeat 0% 0%;
	border:0;
}

#resume {
	color:white;
	font-weight:bold;
	margin-bottom:8px;
}

/*******************************
	Onglet
*******************************/

#onglet  {
	width:830px;
	height:26px;
	margin:15px 0 0 -14px;
	padding-left:18px;
	background:url(../img/onglet_bg.gif) repeat-y 14px 0;

}

#onglet li {
	float:left;
	width:147px;
	height:26px;
	margin-top:2px;
}
#onglet li span {
	display:block;
	float:right;
	margin-top:8px;
	font-weight:bold;
}
#onglet li span a {
	text-decoration:none;
}
#onglet li.on div, #onglet li.off div, #onglet li.before_off div,
#onglet li.last_off div, #onglet li.last_on div{
	width:38px;
	height:26px;
	float:right;
}

#onglet li.on, #onglet li.last_on  {
	background:url(../img/onglet_bg_on.gif) repeat-x;
}
#onglet li.off, #onglet li.before_off, #onglet li.last_off {
	background:url(../img/onglet_bg_off.gif) repeat-x;
}

#onglet li.on div {
	background:url(../img/onglet_corner_on.gif);
}

#onglet li.off div {
	background:url(../img/onglet_corner_off.gif) 0% 100%;
}
#onglet li.before_off div {
	background:url(../img/onglet_corner_before.gif);
}

#onglet li.last_off div {
	background:url(../img/onglet_corner_last_off.gif);
}
#onglet li.last_on div {
	background:url(../img/onglet_corner_last_on.gif);
}

#onglet li.none {
	background:url(../img/onglet_bg_none.gif) repeat-x;
}

#onglet_main {
	width:800px;
	background:url(../img/onglet_bg_main.gif) repeat-y 0% 100%;
	padding:15px;
	font-size:10px;
	line-height:13px;
}

#onglet_main ul {
	margin:0 0 0 0;
	padding-left:18px;
	bbackground:red;
	list-style-type:disc;
}
#onglet_main li {
	margin:2px 0;
	line-height:13px;
}
/*******************************
	/Onglet
*******************************/

#rac2 { float:left; margin-right:8px; }
	#rac2 #reseau { float:left; padding:18px; width:324px; }
		#rac2 .citation { font:normal 18px Arial; background:#FFF url(img/rac2_quote2.gif) no-repeat 0 0; }
	#rac2 #faq { clear:both; width:642px; }
	.rouge { color:#cc273c; }
	#rac2 .titre { font-size:14px; color:#ca2936; }

#home_abc { margin:10px 0; padding:20px 0 20px 20px; width:805px; text-align:left; background:#f1f1f1; border:1px solid #d4d4d4; }
	.decouvrez_abc { font-weight:bold; }
	#home_abc ul { float:left; margin:10px 10px 0 0; padding:0; border:1px solid #aeaeae; }
	#home_abc li { margin:0; padding:2px 0 0 14px; width:129px; background:transparent url(../img/puce_abc3.gif) no-repeat 4px 7px; }
	#home_abc li.titre { padding:8px 0 0 0; height:22px; width:143px; text-align:center; background:transparent url(../img/bg_homeabc_titre.gif) no-repeat; }
	#home_abc li.titre a { font-weight:bold; color:#ec1b3f; }

/* formulaire contact */	
#form_contact .contact { margin-top:15px; padding:15px 0 10px 40px; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }

/* formulaire simulation */
#form_simulation .simulation { border:solid 1px #cccccc; background-color:#ffffff; padding:10px 0 20px 5px; margin-top:10px; }

/* formulaire type */

#form_type p { clear:both; padding:0; margin:0 0 8px 0; width:500px; height:22px; }
#form_type label.saisie { float:left; margin:0 10px 0 0; padding-top:4px; width:150px; height:18px; font:bold 12px arial; color:#EC093F; text-align:left; }
#form_type label.optin { margin:0; *margin-top:4px; color:#717171; font-weight:normal; }
#form_type input.saisie { padding:2px; width:250px; height:16px; border:1px solid #7C7B7D; font:normal 12px arial; }
#form_type select { width:256px; height:20px; font:normal 12px arial; }
#form_type .check { float:left; margin:0 5px 0 0; *margin-right:2px; }
	
/* Baromètre */
/* 1 - Partie questions */
#barometre { position:relative; margin:0; padding-top:67px; width:614px; background:transparent url(../img/header_barometre.gif) no-repeat 0 top;  text-align:left; font:normal 12px arial;}
	#barometre h3 { margin:0 0 10px 0; font:bold 18px arial; color:#616161; }
	#barometre .case_q { margin:0; padding:20px 30px 0 30px; width:554px; }
		#barometre .case_q img { margin-bottom:5px; *margin-bottom:0; }
	#barometre a.bar_star { display:block; float:left; margin-right:2px; width:18px; height:16px; background:transparent url(../img/star_barometre.gif) no-repeat 0 0; }
		#barometre a.bar_star:hover, #barometre a.bar_star.on { background-position:0 -16px; }
		#barometre .bar_star span { display:none; }
	#barometre .question { float:left; margin-right:10px; padding-top:5px; padding-bottom:20px; width:350px; background:transparent url(../img/dot.gif) repeat-x 0 16px; }
		#barometre .question span { background:#fff; }
	#barometre .choix { float:left; width:100px; }
	#barometre .valid { float:right; width:72px; height:30px; border:0; background:transparent url(../img/btn_valider.gif) no-repeat 0 0; }
	#barometre #baro_message.alerte { font-weight:bold; color:#f33087; padding:5px 5px 5px 35px; border:0px solid #f33087; width:370px; margin-top:5px; background:transparent url(../img/bar_alerte.gif) no-repeat 0 0; }
/* 2 - Partie réponses */	
#barometre h4 { margin:0 0 10px 0; padding-left:32px; width:138px; height:50px; font-weight:bold; font-size:10px; }
#barometre .case_r { margin:0; padding:20px 30px; width:554px; height:252px; background:transparent url(../img/bg_resultats_barometre.gif) no-repeat 0 0; }
#barometre .col { float:left; margin-right:0; width:180px; }
	#barometre .col .sscol_1 { float:left; margin:0 5px 10px 0; width:65px; text-align:right; }
	#barometre .col .sscol_2 { float:left; margin-bottom:7px; width:90px; text-align:left; font:normal 10px arial; }
	#barometre .pourcentage { width:80px; height:8px; background:#dbdbdb url(../img/bar_gauge.gif) no-repeat 0 0; }
	
	#barometre .bar_star_1, #barometre .bar_star_2, #barometre .bar_star_3
		,#barometre .bar_star_4, #barometre .bar_star_5 { height:11px; background:transparent url(../img/etoile_pleine.gif) repeat-x 0 0;}
	#barometre .bar_star_1 { margin-left:52px; width:13px;}
	#barometre .bar_star_2 { margin-left:39px; width:26px;}
	#barometre .bar_star_3 { margin-left:26px; width:39px;}
	#barometre .bar_star_4 { margin-left:13px; width:52px;}
	#barometre .bar_star_5 { margin-left:0px; width:65px;}
	#barometre .resultats { position:absolute; top:75px; right:75px; padding:11px 3px 0 0; height:27px; font:bold 14px arial; color:#fff; background:url(../img/bg_resultats_baro.gif) no-repeat right 0; }
	#barometre .alerte_particip { position:absolute; top:71px; left:240px; color:red; }
/* popin barometre*/
#baro_popin { position:absolute; top:200px; left:100px; z-index:100;  width:614px;}
	#baro_btn_fermer { position:absolute; top:10px; right:10px; z-index:100; }
	#baro_popin .intro { margin:0; padding:5px 10px 5px 10px; background:#000; }
	#baro_popin .intro strong { font:normal 20px Trebuchet MS; color:#FFF; }
	#baro_popin .intro span { display:block; font:normal 12px Trebuchet MS; }
	#baro_popin p { padding:5px 10px; }
	#baro_popin #form_baro p { padding:0 0 10px; }
	
#barometre_questions { background:transparent url(../img/bg_q_barometre.gif) no-repeat 0 0; border:1px solid #A5A5A5; }

/* mentions page contact */
#msg_contact .mentions { margin-top:20px; padding-top:10px; border-top:1px solid #a4a3a3; text-align:justify; font:normal 10px arial; color:#717171; }

/* lettres */
.letter { display:block; float:left; background: url(../img/letter.gif) no-repeat 0 0; }
.letter.a_off { background-position: 0 0; width: 15px; height: 35px; } 
.letter.a_on { background-position: -16px 0; width: 15px; height: 35px; } 
.letter.b_off { background-position: -32px 0; width: 16px; height: 35px; } 
.letter.b_on { background-position: -49px 0; width: 16px; height: 35px; } 
.letter.c_off { background-position: -66px 0; width: 18px; height: 35px; } 
.letter.c_on { background-position: -85px 0; width: 18px; height: 35px; } 
.letter.d_off { background-position: -104px 0; width: 17px; height: 35px; } 
.letter.d_on { background-position: -122px 0; width: 17px; height: 35px; } 
.letter.e_off { background-position: -140px 0; width: 16px; height: 35px; } 
.letter.e_on { background-position: -157px 0; width: 16px; height: 35px; } 
.letter.f_off { background-position: -174px 0; width: 16px; height: 35px; } 
.letter.f_on { background-position: -191px 0; width: 16px; height: 35px; } 
.letter.g_off { background-position: -208px 0; width: 17px; height: 35px; } 
.letter.g_on { background-position: -226px 0; width: 17px; height: 35px; } 
.letter.h_off { background-position: -244px 0; width: 17px; height: 35px; } 
.letter.h_on { background-position: -262px 0; width: 17px; height: 35px; } 
.letter.i_off { background-position: -280px 0; width: 14px; height: 35px; } 
.letter.i_on { background-position: -295px 0; width: 14px; height: 35px; } 
.letter.j_off { background-position: -310px 0; width: 16px; height: 35px; } 
.letter.j_on { background-position: -327px 0; width: 16px; height: 35px; } 
.letter.k_off { background-position: -344px 0; width: 16px; height: 35px; } 
.letter.k_on { background-position: -361px 0; width: 16px; height: 35px; } 
.letter.l_off { background-position: -378px 0; width: 16px; height: 35px; } 
.letter.l_on { background-position: -395px 0; width: 16px; height: 35px; } 
.letter.m_off { background-position: -412px 0; width: 19px; height: 35px; } 
.letter.m_on { background-position: -432px 0; width: 19px; height: 35px; } 
.letter.n_off { background-position: -452px 0; width: 18px; height: 35px; } 
.letter.n_on { background-position: -471px 0; width: 18px; height: 35px; } 
.letter.o_off { background-position: -490px 0; width: 18px; height: 35px; } 
.letter.o_on { background-position: -509px 0; width: 18px; height: 35px; } 
.letter.p_off { background-position: -528px 0; width: 17px; height: 35px; } 
.letter.p_on { background-position: -546px 0; width: 17px; height: 35px; } 
.letter.q_off { background-position: -564px 0; width: 18px; height: 35px; } 
.letter.q_on { background-position: -583px 0; width: 18px; height: 35px; } 
.letter.r_off { background-position: -602px 0; width: 16px; height: 35px; } 
.letter.r_on { background-position: -619px 0; width: 16px; height: 35px; } 
.letter.s_off { background-position: -636px 0; width: 18px; height: 35px; } 
.letter.s_on { background-position: -655px 0; width: 18px; height: 35px; } 
.letter.t_off { background-position: -674px 0; width: 16px; height: 35px; } 
.letter.t_on { background-position: -691px 0; width: 16px; height: 35px; } 
.letter.u_off { background-position: -708px 0; width: 19px; height: 35px; } 
.letter.u_on { background-position: -728px 0; width: 19px; height: 35px; } 
.letter.v_off { background-position: -748px 0; width: 18px; height: 35px; } 
.letter.v_on { background-position: -767px 0; width: 18px; height: 35px; } 
.letter.w_off { background-position: -786px 0; width: 21px; height: 35px; } 
.letter.w_on { background-position: -808px 0; width: 21px; height: 35px; } 
.letter.x_off { background-position: -830px 0; width: 17px; height: 35px; } 
.letter.x_on { background-position: -848px 0; width: 17px; height: 35px; } 
.letter.y_off { background-position: -866px 0; width: 16px; height: 35px; } 
.letter.y_on { background-position: -883px 0; width: 16px; height: 35px; } 
.letter.z_off { background-position: -900px 0; width: 20px; height: 35px; } 
.letter.z_on { background-position: -921px 0; width: 20px; height: 35px; }

#case_123conseils { float:left; width:174px; height:240px; background:url(../img/123conseils.gif); }
	#case_123conseils a { display:block; width:174px; background:url(../img/123conseils.gif); }
	#case_123conseils a.titre { height:35px; }
	#case_123conseils a.titre:hover { background-position:-174px 0; }
	#case_123conseils a.tel { height:74px; background-position:-174px -35px; }
	#case_123conseils a.tel:hover { background-position:-348px -35px; }
	#case_123conseils a.visio { height:57px; background-position:-174px -109px; }
	#case_123conseils a.visio:hover { background-position:-348px -109px; }
	#case_123conseils a.chat { height:77px; background-position:-174px -166px; }
	#case_123conseils a.chat:hover { background-position:-348px -166px; }
	
#sites_groupe { padding: 20px; }
	#sites_groupe .case { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e8e6e6; }
		#sites_groupe .case img { display: block; margin: 15px 20px 0 0; }
			#sites_groupe .case img.droite { margin-left: 20px; margin-right: 0; }
		#sites_groupe .case p { margin: 0; padding: 0 0 0 15px; width: 640px; }
		#sites_groupe .case a { text-decoration: underline; font-weight: bold; }
		#sites_groupe .case a:hover { text-decoration: none; }
		#sites_groupe .case span { display: block; margin-bottom: 10px; padding-left: 15px; background: transparent url(../img/puce_abc1.gif) no-repeat 0 5px; }