/**
*	[ sommaire ]
*
*	1. TYPO / .font{sizeEnPx}
*	2. GRID / #container, #body, #body-right
*	3. HEADER / #header
*	4. ONGLETS / #head-onglets
*	5. FIL / #fil #titre
*	6. TIMELINE / #timeline
*	7. COLONNE / #mag, #premium
*	8. ARTICLES / #articles
*	9. FOOTER / #footer
*	10. HOMEPAGE / #homepage
*	11. METIER / #metier
*	12. CARTOUCHE / #cartouche
*	13. TEASER / #teaser (new and old version)
*	14. BLOCS SPECIAUX (alertes, jeu des factures, résiliation)
*	18. Bulles d'aide non intrusives
*	18. ADSERV / .ads
*/

/**
*	1. TYPO
*/
/*h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.325em; }
h4 { font-size: 1.175em; }
h5 { font-size: 1em; }
h6 { font-size: 0.925em; }*/

.font24 { font-size: 2em; }
.font22 { font-size: 1.833em; }
.font20 { font-size: 1.667em; }
.font18 { font-size: 1.5em; }
.font16 { font-size: 1.333em; }
.font14 { font-size: 1.167em; }
.font13 { font-size: 1.083em; }
.font12 { font-size: 1em; } /* défaut */
.font11 { font-size: 0.917em; }
.font10 { font-size: 0.833em; }


/**
*	2. GRID
*/
#container { width: 936px; margin: 0 auto; }
#body { overflow: hidden; float: left; width: 736px; }
	#body p, #body .section { margin: 0 0 1em 0; }
	#body.sitemap { width: 936px; float:none; }
#body-droite { float: right; width: 186px; margin: 0 0 0 14px; }
	* html #body-droite { margin:0; } /* IE 6 */
	#body-droite div { margin:0 0 14px 0; }

/* takes full body available space */
#body.liquid, .liquid { width: auto !important; margin:0; float: none; }

.line, .lastUnit { overflow: hidden; _overflow:visible; _zoom:1; }
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
.unit{ float:left; _zoom:1; }
.unitExt{float:right;}

.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}


/**
*	3. HEADER
*/
#header {
	/*#D8EFFD*/
	background: #31616b url('/images/charte-v2/bg-header.jpg') no-repeat top left;
	width: 936px;
	height: auto;
}
	/*#header.ivalley { background: #31616b url('/images/charte-v2/bg-header-ivalley.jpg') no-repeat top left; }*/
#header, #header a { color: #fff; }
	#logo { margin: 8px 0 0 15px; float:left; }


/**
*	4. ONGLETS DU HEADER
*/
#head-onglets { clear:both; display:block; padding:10px 0 0 0; height:26px; position:relative; }
#head-onglets .left, #head-onglets li { float: left; }
#head-onglets .right { position:absolute; right:115px; }
#head-onglets li a, #head-onglets li a:hover { display: block; height:19px; padding:7px 0 0 0; margin: 0 1px 0 1px; color:#31616b; text-align:center; background: no-repeat top left; }
#head-onglets li a:hover, #head-onglets .on a { background: no-repeat bottom left; }
#head-onglets .first a { margin: 0 1px 0 0; background: no-repeat top right; }
#head-onglets .last-v2 a { margin: 0 0 0 1px; background: no-repeat top left; }
#head-onglets .first a:hover,   #head-onglets .first-on a,   #head-onglets .first-on a:hover      { margin: 0 1px 0 0; background: no-repeat bottom right; }
#head-onglets .last-v2 a:hover, #head-onglets .last-v2-on a, #head-onglets .last-v2-on a:hover { margin: 0 0 0 1px; background: no-repeat bottom left;  }

#head-onglets .medium a:hover, #head-onglets .medium-on a, #head-onglets .medium-on a:hover { background: no-repeat bottom left;  }
#head-onglets .new a:hover, #head-onglets .new-on a, #head-onglets .new-on a:hover { background: no-repeat bottom left;  }

#head-onglets .big a:hover,     #head-onglets .big-on a,     #head-onglets .big-on a:hover          { background: no-repeat bottom left;  }
#head-onglets li a:hover, #head-onglets .on a, #head-onglets .big-on a, #head-onglets .first-on a, #head-onglets .last-v2-on a { color:#81bb0c; text-decoration:none; }
#head-onglets .big a, #head-onglets .big-on a { width:160px }
#head-onglets li a, #head-onglets .first a, #head-onglets .on a, #head-onglets .first-on a { width:80px }
#head-onglets .last-v2 a, #head-onglets .last-v2-on a { width:114px }
#head-onglets .new a, #head-onglets .new-on a, #head-onglets .medium a, #head-onglets .medium-on a { width:98px }
#head-onglets li a, #head-onglets .on a, #head-onglets li a:hover, #head-onglets .on a:hover { background-image: url('/images/charte-v2/fd_onglet-small.gif'); }
#head-onglets .big a, #head-onglets .big-on a, #head-onglets .big a:hover, #head-onglets .big-on a:hover,
#head-onglets .first a, #head-onglets .first a:hover, #head-onglets .first-on a, #head-onglets .first-on a:hover,
#head-onglets .last-v2 a, #head-onglets .last-v2 a:hover, #head-onglets .last-v2-on a, #head-onglets .last-v2-on a:hover  { background-image: url('/images/charte-v2/fd_onglet-big.gif');}
/* 
#head-onglets .last-v2 a:hover { margin: 0 0 0 1px; background:  url('/images/charte-v2/fd_onglet-big.gif') no-repeat top left; }
*/

#head-onglets .medium a, #head-onglets .medium a:hover, #head-onglets .medium-on a, #head-onglets .medium-on a:hover  { background-image: url('/images/charte-v2/fd_onglet-medium.gif'); }
#head-onglets .new a, #head-onglets .new a:hover, #head-onglets .new-on a, #head-onglets .new-on a:hover   {margin:0 0 0 50px; background-image: url('/images/charte-v2/fd_onglet-new.gif'); }

li.sousmenu a ul.item, li.sousmenu a:hover ul.item {
display:block;
padding:0px;
	}

ul.sousmenu  {
	position:absolute;
	list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
width:100px;
	}
ul.sousmenu .item { display:none; border-bottom:1px solid #fff; }
ul.sousmenu .top {
	margin:1px 0px;
}
ul.sousmenu:hover .item {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
display:block;

}
#head-onglets .last-v2  ul.sousmenu li.item a, #head-onglets .last-v2-on  ul.sousmenu li.item a{
background: #efefef none repeat scroll 0 0;
/*border: #fff 1px solid;*/
color:#31616b;
}
#head-onglets .last-v2  ul.sousmenu li.item a:hover, #head-onglets .last-v2-on  ul.sousmenu li.item a:hover{
background: #efefef none repeat scroll 0 0;
/*border: #e1edf2 1px solid;*/
color:#81bb0c;
}
/**
*	5. FIL
*/
#fil { font-size: 0.925em; padding:6px 17px 0 17px; border-bottom:1px solid #b3d66d; height:20px; clear:both; }
#fil .left, #fil a .left { float:left; color:#81bb0c; }
#fil .right { float:right; color:#31616b; }


/**
*	?. #titre / callcenter, login
*/
#titre { clear:both; padding:8px 17px 8px 17px; color:#31616b; overflow: hidden; }
#titre h1 { float: left; width: 680px; }



/**
*	?. #titre / callcenter, login
*/
#titre.titre-client { padding:0px; color:#31616b;overflow:visible;  }
#titre.titre-client h1 { float:none;width:auto; }

#login { float: right; }
	#login a { color: #fff; }
	#login .formulaire { float: left; width: 295px; padding-top: 20px; }
		#login .formulaire input, #header .formulaire label { vertical-align:top; font-size:0.9em; }
		#login .formulaire input{ padding:3px; border:1px solid #b6d0d9; color:#31616b; }
	#login .options { clear:both; }
	#login .options span { display: block; }
.callcenter { height: 56px; width: 220px; }
.callcenter.jechange { background: transparent url('/images/charte-v2/callcenter-jechange.jpg') no-repeat top right; }
.callcenter.ivalley { background: transparent url('/images/charte-v2/callcenter-ivalley.jpg') no-repeat top right; }


/**
*	6. TIMELINE 1, 2, 3
*/
#timeline { background: transparent url('/images/charte-v2/fd_timeline.jpg') no-repeat top left; height: 126px; }
#timeline li { padding:0 0 0 10px; background: transparent url('/images/charte-v2/sym_timeline.jpg') no-repeat top right; height: 126px; }
#timeline li, #timeline li .step, #timeline li .texte { float:left; font-weight:bold; }
#timeline li .step { color:#989898; font-size:4em; padding: 10px 10px 0 0; display: inline; }
#timeline li .texte { padding:17px 22px 0 0; display: inline; }
#timeline li span.titre { color:#6a6d64; /*font-size:1.6em;*/ font-size: 1.5em; display: block; }
#timeline li span.titre a {color:#6a6d64; }
#timeline li span.desc { color:#989898; /*font-size:1.3em;*/ font-size: 1.175em; display: block; }
/* Premier et dernier élément de la liste */
#timeline li.first { padding: 0 0 0 17px; }
#timeline li.last { background-image:none; }
#timeline li.last .texte { padding:17px 0 0 0; }
/* Position actuelle */
/*#timeline li.current .step, #timeline li.current span.desc { color:#fafafa; }
#timeline li.current span.titre, #timeline li.current span.titre a { color:#31616b; }*/
#timeline li.current .step, #timeline li.current span.desc { color:#31616b; }
#timeline li.current span.titre, #timeline li.current span.titre a { color:#fafafa; }


/**
*	7. BLOCS COLONNE DROITE
*/

/* Bloc générique */
.bloc  h3 {color:#fff; font-size:1em; padding:8px 17px 8px 17px; }
.bloc  h4 { font-size:1em; text-align:right;padding:0 17px 8px 17px;}
.bloc  h4 a { display:block; padding:5px 34px 17px 0; }
.bloc p, .bloc ul, .bloc form  { padding: 8px 17px 8px 17px; }
.bloc p a { text-decoration:underline; }
.bloc p a:hover { text-decoration:none; }
.bloc p.embed { padding: 8px 17px 8px 17px; display: block; }


/* Bloc dans le corps de page */
#body .bloc { float: right; width:186px; }
#body .bloc  h3 {color:#fff; font-size:1em; padding:8px 17px 8px 17px; }
#body .bloc p { font-size:inherit; margin:0; }

/* Bloc magazine (orange) */
.mag { background: url('/images/charte-v2/bloc_fond.gif') repeat-y; background-color:#fff8f1; color:#ff7e00; }
.mag h3 { background: url('/images/charte-v2/bloc_mag-titre.gif') no-repeat center top; background-color:#ff8004; }
.mag p a { color:#ff7e00; }
.mag h4 { background: url('/images/charte-v2/bloc_pied.gif') no-repeat center bottom; background-color:#fff8f1;}
.mag h4 a { color:#ff7e00; background: url('/images/charte-v2/btn_mag.gif') no-repeat top right; }
.mag p.logo {
	font-weight:bold;
	overflow:hidden;
	background:transparent url('/images/content/docteur-factures.png') no-repeat 10px 8px;
	min-height:50px;
	padding:8px 17px 8px 52px;
}
.mag p.logo a { margin:6px 0 0 16px; display:block; }
.mag ul.icons { overflow:hidden; }
.mag ul.icons li { float:left; padding:3px 2px; display:block; }
.mag ul.hfeed li { background:transparent url(/images/charte-v2/puce_liste.gif) no-repeat scroll 0 6px; padding:3px 0 3px 10px; }
* html .mag h4 { clear: both; } /* IE6 */

/* Bloc premium (rouge)  */
.premium { background: url('/images/charte-v2/bloc_fond.gif') repeat-y; background-color:#fcf5f2; color:#cc3300; }
.premium h3 { background: url('/images/charte-v2/bloc_premium-titre.gif') no-repeat center top; background-color:#cc3300;}
.premium p a { color:#cc3300; }
.premium h4 { background: url('/images/charte-v2/bloc_pied.gif') no-repeat center bottom; background-color:#fcf5f2;}
.premium h4 a { color:#cc3300; background: url('/images/charte-v2/btn_premium.gif') no-repeat top right;}

/* Bloc promo (vert) */
.promo { background: url('/images/charte-v2/bloc_fond.gif') repeat-y; background-color:#fAfcf5; color:#99cc33; }
.promo h3 { background: url('/images/charte-v2/bloc_promo-titre.gif') no-repeat center top; background-color:#99cc33; }
.promo p a { color:#99cc33; }
.promo h4 { background: url('/images/charte-v2/bloc_pied.gif') no-repeat center bottom; background-color:#fAfcf5;}
.promo h4 a { color:#99cc33; background: url('/images/charte-v2/btn_promo.gif') no-repeat top right;}

/*Bloc promo JC*(Bleu info)*/
.promoJC { background: url('/images/charte-v2/bloc_fond.gif') repeat-y; background-color:#f4f7f7; color:#31616b; }
.promoJC h3 { background: url('/images/charte-v2/bloc_divers-titre.gif') no-repeat center top; background-color:#31616b; }
.promoJC p a{ color:#31616b; }
.promoJC h4 { background: url('/images/charte-v2/bloc_pied.gif') no-repeat center bottom; background-color:#f4f7f7;}
.promoJC h4 a { color:#31616b; background: url('/images/charte-v2/btn_divers.gif') no-repeat top right;}
.promoJC h3{white-space: nowrap}

/* Bloc info (bleu clair) */
.info { background: url('/images/charte-v2/bloc_fond.gif') repeat-y; background-color:#f7fbfc; color:#67b3c3; }
.info h3 { background: url('/images/charte-v2/bloc_info-titre.gif') no-repeat center top; background-color:#67b3c3; }
.info p a , .info li a { color:#67b3c3; }
.info h4 { background: url('/images/charte-v2/bloc_pied.gif') no-repeat center bottom; background-color:#f7fbfc;}
.info h4 a { color:#67b3c3; background: url('/images/charte-v2/btn_info.gif') no-repeat top right;}

/* Bloc non encore affecté (bleu foncé) */
.divers { background: url('/images/charte-v2/bloc_fond.gif') repeat-y; background-color:#f4f7f7; color:#31616b; }
.divers h3 { background: url('/images/charte-v2/bloc_divers-titre.gif') no-repeat center top; background-color:#31616b; }
.divers p a{ color:#31616b; }
.divers h4 { background: url('/images/charte-v2/bloc_pied.gif') no-repeat center bottom; background-color:#f4f7f7;}
.divers h4 a { color:#31616b; background: url('/images/charte-v2/btn_divers.gif') no-repeat top right;}

/* Bloc c'est facile de changer (bleu foncé sur fond vert) */
.cest-facile { background: url('/images/charte-v2/bloc_fond.gif') repeat-y; background-color:#eff7df; color:#31616b; }
.cest-facile h3 { background: url('/images/charte-v2/bloc_divers-titre.gif') no-repeat center top; background-color:#31616b; }
.cest-facile p { padding: 8px 10px 8px 17px; }
.cest-facile p a { color:#31616b; }
.cest-facile h4 { background: url('/images/charte-v2/bloc_pied.gif') no-repeat center bottom; background-color:#eff7df;}
.cest-facile h4 a { color:#31616b; background: url('/images/charte-v2/btn_cest-facile.gif') no-repeat top right;}
.cest-facile ol { margin:0; padding:0 17px}
.cest-facile ol li{ margin:0; padding:0 0 5px 0; font-weight: normal; color: #31616b;}
.cest-facile ol li span { font-weight: bold; font-size: 1.2em; color: #81BB0C;}

/* Bloc web call back */
.bloc.call { width:190px; height:180px; background:transparent url('/images/charte-v2/call-sidebar.png') no-repeat right; margin-top:15px }
.bloc.call a { position:relative; top:138px; left:20px; }

/* Bloc newsletter */
.bloc.newsletter { width:190px; height:235px; background:transparent url('/images/charte-v2/newsletter-sidebar.png') no-repeat top center; }
.bloc.newsletter h3 { color:#31616c; /*font-size:1em;*/ font-size: 0.925em; font-weight:bold; text-transform:uppercase; padding: 110px 17px 2px 17px; }
.bloc.newsletter p { text-align:center; }
.bloc.newsletter p a { display:block; }
.bloc.newsletter form, .bloc.newsletter p { padding:0 17px; }
.bloc.newsletter .simple-button { margin: 5px 0; }
.bloc.newsletter img.btn2 { position:relative; top:-3px; }
#bf-newsletter p { padding:0; }
#bf-newsletter fieldset.user-data { padding: 0 0 2px 0; }
#bf-newsletter fieldset.user-data input { border:1px solid #b5d0d9; color:#31616c; font-size:1em; padding:3px 0; width:100%; }
#bf-newsletter fieldset.user-data input, #bf-newsletter fieldset.action input { margin:0; }
#bf-newsletter fieldset.action { text-align:center; }

/* Bloc web call back "cuisine" */
.bloc.call.cuisine p { color:#fff; font-size:1.2em; font-weight:bold; }
.bloc.call.cuisine a { position:relative; top:-10px; left:20px; }

/* Bloc je-veux */
.je-veux li {
	background:transparent url('/images/charte-v2/je_veux_fd.png') no-repeat top left;
	height:37px;
	line-height:30px;
	color:#fff;
	padding: 0 0 0 20px;
}
.je-veux li.pink { background: transparent url('/images/charte-v2/je_veux_fd.png') no-repeat bottom left; }
.je-veux li a { background: transparent url('/images/charte-v2/je_veux_btn.png') no-repeat top right; height:100%; display:block; color:#31616b; }
.je-veux li.pink a { background: transparent url('/images/charte-v2/je_veux_btn.png') no-repeat bottom right; color:#31616b; }

/* Bloc charte */
.charte li { padding:3px 0 3px 10px; background: url('/images/charte-v2/puce_liste.gif') no-repeat center left; }

/* bloc FEVAD */
.fevad span {
	background: transparent url('/images/content/logo-fevad2.jpg') no-repeat center right;
	display: block;
	color: #035199;
	font-weight: bold;
	min-height: 42px;
	padding: 8px 45px 0 0;
	text-align: right;
}

/* bloc Points forts #body-droite */
.bloc.points-forts h3 { color: #67B3C3; font-size: 1.1em; padding: 32px 8px 8px 80px; text-align: right; }
.bloc.points-forts ul { padding: 0px 8px 8px 4px; }
.bloc.points-forts li { background:transparent url('/images/charte-v2/puce_plus-mini.png') no-repeat 0 2px; padding:3px 0 3px 23px; }

/* bloc Points forts #body */
#body .frontpage .bloc.points-forts { float: left; width: 38%; background: none; color: #fff; height: auto; }
#body .frontpage .bloc.points-forts h3 { font-size:1.4em; padding:0 0 17px; text-align: left; }
#body .frontpage .bloc.points-forts ul { padding: 0; }
#body .frontpage .bloc.points-forts li {
	font-size: 1.1em;
	background:transparent url('/images/charte-v2/puce_plus.png') no-repeat 0 2px;
	padding:3px 0 3px 34px;
	min-height: 29px;
}


/**
*	8. ARTICLES
*/
#articles { clear:both; border-top:1px solid #a0cfd9; overflow: hidden; }
#articles .magazine, #articles .offres, #articles .acces-direct, #articles .acces-direct-df {
	width:351px;
	padding:27px 0 10px 17px;
	float: right;
	display:block;
}
#articles h3 { /*font-size:1.8em;*/ font-size: 1.5em; padding:0 0 17px 0}
#articles .magazine h3, #articles .tout a { color:#ff7e00; }
#articles .offres h3, #article .offres strong { color:#67b3c3; }
#articles .acces-direct h3, #article .acces-direct strong { color:#67b3c3; }
#articles .acces-direct-df h3, #article .acces-direct strong { color:#ff7e00; }
#articles li { padding:3px 0 3px 10px; background: url('/images/charte-v2/puce_liste.gif') no-repeat 0 6px; }
#articles li ul { padding:3px 0 3px 10px; }
#articles .tout { padding:17px 0 17px 10px; background: url('/images/charte-v2/puce_lien-mag.gif') no-repeat center left; font-weight:bold; }
/* pour les <TABLE> des accès direct */
#articles table { width:100% }
#articles td { padding:0 0 0 8px; }
#articles tr.even td { background:#f5f5f5 none; }
#articles tr.odd td { background:#fbfbfb none; }


/**
*	9. FOOTER
*/
#footer {
	width: 936px;
	height: auto;
	clear: both;
	overflow: hidden;
	padding: 60px 0 0 0;
	background: #31616b url('/images/charte-v2/fd_footer.jpg') no-repeat top left;
	color: #fff;
}
#footer h4, #footer .list { margin: 0 0 6px 0; font-size: 0.925em; }
#footer .left { width: 185px; }
	#footer .left a:hover { text-decoration: none; cursor: text; }
#footer .left, #footer .right { float: left; padding: 0 0 0 17px; }
#footer li { display: inline; }
#footer a { color: #fff; }


/**
*	10. HOMEPAGE
*/
/*#homepage .section  { clear:both; overflow:hidden; }
#homepage ul { float:left; width:222px; margin:0 0 27px 17px; display:block; }
#homepage h2 { font-size:1.4em; background: url('/images/charte-v2/puce_rubrique-home.gif') no-repeat top left; height:32px; border-bottom:1px solid #b3d66d; padding:2px 0 0 35px; margin:0 0 10px 0; }
#homepage h2, #homepage li h2 a { color:#81bb0c; }
#homepage li h2 a { background-image:none; padding:0; }
#homepage li a { color:#31616b; font-size:1.3em; background: url('/images/charte-v2/puce_lien-home.gif') no-repeat center left; padding:1px 0 1px 10px; display:block; }
#homepage li a span { color: #ff7e00; font-weight: bold; }*/


/**
*	12. CARTOUCHE
*/
#cartouche {
	float:right;
	font-size: 0.925em;
	padding:17px;
	width:147px;
	height:74px;
	text-transform:uppercase;
	text-align:center;
	background:url('/images/charte-v2/cartouche.gif') no-repeat 17px center;
}

#cartouche li { float: none; font-size: 0.9em; font-weight: normal; background: transparent none; height: auto; padding: 0; }
#timeline #cartouche li.first { background: transparent none; color: #fff; display: block; padding: 8px 0; }
#cartouche li a { color:#31616b; }


/**
*  11. METIER
*/
/* bloc metier */
#metier ul { background: url('/images/charte-v2/fd_metier.gif') no-repeat top left; height:99px; width:50%; float:left; color:#fff; }
#metier h3 { padding:12px 0 3px 0; /*font-size:1.8em;*/ font-size: 1.5em; }
#metier h3 a { color:#fff; }
#metier p { /*font-size: 1.1em;*/ color:#31616b; }
#metier p a { color: #31616b; }
	#metier .action { float: right; padding:12px 17px 0 0; }
	#metier .action a { display: block; }
	#metier .texte { float:left; padding:0 10px 0 17px; width:60%; }
/* bloc metier .ALT (ROSE) */
#metier ul.alt { background:transparent url('/images/charte-v2/fd_metier_alt.gif') no-repeat top left; }
#metier .alt .texte { width:45%; }
/* habitat */
#metier ul.ter .texte { float:none; width:auto; }
#metier ul.ter ul { background: none; height: auto; width: auto; }
#metier ul.ter h3 { padding:4px 0 4px 0; }
#metier ul.ter ul a { color:#31616B; }
#metier ul.ter ul li { background: url("/images/charte-v2/liste-down.png") no-repeat 0 1px; color:#31616B; padding-left:17px; }

/* Menus metier */
.mm-tl { background: url('/images/charte-v2/fd_timeline.jpg') no-repeat top right;} /* Permet de gérer le bloc menu métier avec ou sans la timeline */
#menu-metier { width:186px; display:block; float:right; padding:0 0 17px 14px;}
#menu-metier ul { background: url('/images/charte-v2/fd_navigation.gif') no-repeat bottom right #fff; padding:0 0 6px 0; }
#menu-metier li a { background:url('/images/charte-v2/btn_navigation.gif') no-repeat 17px top; color:#81bb0c; background-color:#ebf5d7; }
#menu-metier li a:hover, #menu-metier .mm-on a { background:url('/images/charte-v2/btn_navigation.gif') no-repeat 17px bottom; color:#fff;; background-color:#a1d042; }
#menu-metier li a, #menu-metier li a:hover { padding:5px 17px 5px 27px; border:1px solid #fff; border-bottom:none; display:block; text-decoration:none; }
#menu-metier .mag a {background:url('/images/charte-v2/puce_lien-mag.gif') no-repeat 17px; color:#ff7e00; background-color:#ebf5d7;}
#menu-metier .mag a:hover {background:url('/images/charte-v2/puce_lien-mag.gif') no-repeat 17px; color:#fff8f2; background-color:#ff7e00; }
/*#menu-metier .mag a:hover, #menu-metier .mag a { background:url('/images/charte-v2/puce_lien-mag.gif') no-repeat 17px; color:#ff7e00; background-color:#fff8f2; }
#menu-metier .mag a:hover {background:url('/images/charte-v2/puce_lien-mag.gif') no-repeat 17px; color:#fff8f2; background-color:#ff7e00; }
*/
#body-droite #menu-metier.mm-tl { float:none; background: transparent none; padding:0; } /* si la navigation est en sidebar */
#timeline #menu-metier li { float:none;font-weight: normal; background:transparent none; height: auto; padding:0;} /* pour le bloc navigation dans la timeline */


/**
*  7. CLASSES GENERIQUES
*/
/** rétablissement du flux pour élément flottants */
.clear { clear: both; }
.clearfix { clear: both; }

/* premier paragraphe sous timeline */
.tagline { font-size: 1.2em; }

.centered { text-align: center; }

.end-page {
	background: #fff url('/images/last-row.png') no-repeat top left;
	height: 24px; /* force 1 seul ligne */
	padding: 7px 20px 3px 20px;
	line-height: 20px; /* centrage vertical du texte */
}

/* Lien page précédente  */
a.back-to {
	background: url('/images/back-to.png') no-repeat top left;
	padding: 0 0 0 25px;
	display: block;
	height: 20px;
}

/* Lien page suivante, en savoir plus  */
a.more {
	background: url('/images/more.png') no-repeat top right;
	padding: 0 22px 0 0;
	display: block;
	height: 15px;
}

/* call 2 action dans #body  */
img.call2action { float: right; }

/* CNIL  */
p.CNIL { font-size: 0.825em; }
	p.CNIL img { margin: 0 10px 0 0; }

/* Retour haut de page */
.back-to-top {
	text-align: right;
	text-transform: uppercase;
	display: block;
	border:1px solid #a1ff18;
	border-width: 0 0 1px 0;
	margin: 5px 0 10px 0; }
.back-to-top a { background: transparent url('/images/vBleu/Top-Page.gif') no-repeat center left; padding: 0 0 0 13px; }
.back-to-top a:hover { text-decoration: none; }

/* cacher des éléments */
.hide { display: none; }

/* liens pas de ligne téléphonique */
span.no-phone a { text-decoration:underline; }
span.no-phone a:hover { text-decoration:none; }

/* Attente chargement en cours sur un champ ajax */
span.waiting { background:url('/images/charte-v2/spinner_attente_petit_bleu.gif') no-repeat center left; padding-left:40px; font-weight:bold; }

/* Affichage des liens vers les alertes */
.create_alerte {
	background:url(/images/alertes/alerte.jpg) bottom right no-repeat;
	float:right;
	padding-top:12px;
	padding-bottom:5px;
	padding-right:30px;
}
.create_alerte  a, .create_alerte  a:hover {
	color:#CC3300;text-decoration:none;font-size:1em;font-weight:bold;
}

/* .wmw file direct link */
.info p a.none, .info p a.none:hover { text-decoration: none; cursor: default; }

/* link inverse behaviour */
a.inverse { text-decoration: underline; }
a.inverse:hover {text-decoration: none; }

p.indications, div.indications { text-align: center; }


/**
*  8. CRUMBTRAIL (old versiont to delete ASAP)
*/
.crumbtrail { margin: 0 0 10px 0; }
	.crumbtrail ul li { display: inline; padding: 0 5px 0 5px; }
	.crumbtrail ul li.current { color: #2497B2; font: bold 1.3em arial; } /* position actuelle */


/**
*  9. ROUND CORNERS (old version to delete ASAP)
*/
.rnd { border: 2px solid #aad243; background: #fff url('/images/fond-recap.jpg') repeat-x bottom center; }
.rnd-alt { border: 2px solid #d4e9ec; background: #fff url('/images/bg-rnd-alt.jpg') repeat-x top center; }

	.rnd .content, .rnd-alt .content { padding: 0 15px; }

	.rnd .top {
		background: transparent url('/images/corner-tr.gif') no-repeat top right;
		position: relative;
		top: -2px;
		right: -2px; }

	.rnd-alt .top {
		background: transparent url('/images/corner-tr-alt.gif') no-repeat top right;
		position: relative;
		top: -2px;
		right: -2px; }

	.rnd .bottom {
		background: transparent url('/images/recap-br.gif') no-repeat top right;
		position: relative;
		bottom: -2px;
		right: -2px; }

	.rnd-alt .bottom {
		background: transparent url('/images/corner-br-alt.gif') no-repeat top right;
		position: relative;
		bottom: -2px;
		right: -2px; }

	.rnd input.action { float: right; margin: 10px 5px 0 0; } /* positionnement à droite pour les call 2 action dans les form à bord arrondis */

img.corner{ width: 15px; height: 15px; border: none; display: block !important; position: relative; left: -4px; }


/**
*  9.1 ROUND CORNERS (NEW version)
*/
/* common classes for rounded corners */
.rounded { overflow:hidden; width: 100%; }
	.rounded .top, .rounded .bottom { background: transparent none;	overflow: hidden; }
	.rounded .content { border: 1px solid #67B3C3; border-width: 0 1px;	overflow: hidden; margin: 0 1px 0 0; }

	/* top & bottom */
	.rounded .top h3 { color: #fff; font-size: 1.2em; line-height: 27px; padding: 0 0 0 20px; text-transform: uppercase; }
	.rounded .top .tl, .rounded .top .tr { float:left; height: 27px; }
	.rounded .bottom .bl, .rounded .bottom .br { float:left; height: 11px; }
	.rounded .top .tl, .rounded .bottom .bl { width: 98%; }
	.rounded .top .tr, .rounded .bottom .br { width: 2%; }

	/* row, lside & rside */
	.rounded .row { overflow:hidden; clear: both; }
	.rounded .lside, .rounded .rside { background: transparent none; padding: 10px; }
	.rounded .lside { clear: left; float: left; width: 160px; }
	.rounded .rside { overflow: hidden; }
	.rounded .lside img.btn2 { position: relative; top: -3px; }
	.rounded .lside img.btn3 { position: relative; top: -6px; }

/* normal version */
.rounded { background: #f4f7f7 none; }
	.rounded .content { background: transparent url('/images/charte-v2/rounded-corners/bg_rounded_content.gif') repeat-y top left; }
	.rounded .top .tl { background: #fff url('/images/charte-v2/rounded-corners/top.gif') no-repeat top left; }
	.rounded .top .tr {	background: #fff url('/images/charte-v2/rounded-corners/top.gif') no-repeat top right; }
	.rounded .bottom .bl { background: #fff url('/images/charte-v2/rounded-corners/bottom.gif') no-repeat bottom left; }
	.rounded .bottom .br {	background: #fff url('/images/charte-v2/rounded-corners/bottom.gif') no-repeat bottom right; }

/* gradient version */
.rounded.gradient { background: #fff url('/images/charte-v2/rounded-corners/bg_rounded_gradient.gif') repeat-x bottom left; }
	.rounded.gradient .content { background: transparent url('/images/charte-v2/rounded-corners/bg_rounded_gradient_content.jpg') repeat-y 4px 2px; }
	.rounded.gradient .top .tl { background: #fff url('/images/charte-v2/rounded-corners/top.gif') no-repeat top left; }
	.rounded.gradient .top .tr { background: #fff url('/images/charte-v2/rounded-corners/top.gif') no-repeat top right; }
	.rounded.gradient .bottom .bl { background: #fff url('/images/charte-v2/rounded-corners/bottom-gradient.gif') no-repeat bottom left; }
	.rounded.gradient .bottom .br {	background: #fff url('/images/charte-v2/rounded-corners/bottom-gradient.gif') no-repeat bottom right; }


/**
*  10. BULLES (to delete ASAP)
*/
#OL-Popup { width:124px; text-align: center; }

	#OL-Popup-Header { height: 37px; background: transparent url('/images/Popup-Header.png') no-repeat top left; }
	#OL-Popup-Body { background: #fff none; border: 1px solid #45AAC2; border-width: 0 1px; }
	#OL-Popup-Body p { padding: 0 6px;  margin: 0px; }
	#OL-Popup-Footer { height: 18px; background: transparent url('/images/Popup-Footer.png') no-repeat top left; }

#OL-Popup2 { width:350px; text-align:left; }

	#OL-Popup-Header2 {
		line-height:18px;
		background:transparent url('/images/Popup-Header2.png') no-repeat left top;
		text-align:center;
		color:#31616c;
		font-size:1.2em;
		font-weight:bold; }
	#OL-Popup-Body2 { background:#fff none; border: 1px solid #45AAC2; border-width: 0 1px; }
	#OL-Popup-Body2 p { padding:0 6px; margin:0px; }
	#OL-Popup-Footer2 { height:18px; background:transparent url('/images/Popup-Footer2.png') no-repeat top left; }


/**
*  11. FORM ELEMENTS + .presenter
*/
/* common markups */
form input, form label { margin: 0 5px 0 0; }
form fieldset { border: none; }

/* specific classes */
form input#mensualite, form input#sommeEmprunt { width: 50px; }
form select#duree { width: 55px; margin: 0 5px 0 0; }
form input.email, form input.adresse, form input.ville { width: 200px}
form input.codepostal { width: 41px; }
form input.date { width: 70px; }
form input.annee { width: 31px;}
form input.texte { width: 120px; }
form input.tel { width: 75px; }
form input.email, form input.adress, form input.city { width:200px; }
form input.zipcode { width:41px; }
form input.date { width:70px; }
form input.year, form input.tiny { width:32px; }

form fieldset legend { background-color: #d4e9ec; padding-left: 13px;	color: #2497b2;	margin-bottom: 7px;	line-height: 25px; }/* Déménagement */
h3.section { background-color: #d4e9ec; padding: 0 0 0 13px; color: #2497b2; margin: 0 0 7px 0; line-height: 25px; font-size: 1.2em; }


/**
*	default form presenter / .form-presenter
*/
.form-presenter { /*color: #757575;*/ }
.form-presenter div { margin: 0 0 14px 0; }
.form-presenter div div { margin: 0; }
.form-presenter .content { padding: 14px 14px 0 14px; }

/* .holder, .inline, .block */
.form-presenter .holder { overflow: hidden; margin: 0 0 1em 0; }

/* .user-data */
.form-presenter label { /*font-size: 1.2em;*/ }
.form-presenter label.questions { float: left; text-align: right; width: 200px; margin: 0 25px 0 0; clear: left; }
.form-presenter span.label { font-size: 1.2em; float: left; text-align: right; width: 200px; margin: 0 25px 0 0; clear: left; }
.form-presenter span.label.first { padding: 1.2em 0 0 0; }
.form-presenter select, .form-presenter textarea { border: 1px solid #67b3c3; padding: 3px 1px; }
.form-presenter select.date { border: 1px solid #67b3c3; padding: 3px 1px; margin: 0 5px 0 0; width: auto;}
.form-presenter input.texte, .form-presenter input.adresse, .form-presenter input.email,.form-presenter input.codepostal,
.form-presenter input.email, .form-presenter input.ville, .form-presenter input.tel { border: 1px solid #67b3c3; padding: 3px 1px; }
.form-presenter .help img { vertical-align: middle; }
/* .multiple-fields */
.form-presenter .multiple-fields { /*float: left;*/overflow: hidden; }
.form-presenter .multiple-fields .holder { float: left; margin: 0 1em 0 0;  width: auto; }
.form-presenter .multiple-fields label { display: block; /*font-weight: bold;*/ }

/* .action */
.form-presenter fieldset.actions { text-align: left; }
.form-presenter fieldset.action { overflow: hidden; margin: 0 0 14px 0; }
.form-presenter fieldset.action input {
	cursor:pointer;
	border:  none;
	font-size:1em;
	background:#fff url('/images/forms/btn.jpg') no-repeat center center;
	width:144px;
	height:39px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	line-height:39px;
	font-weight:bold;
}
.form-presenter fieldset.action input:hover { text-decoration: none; color: #31616c; }
/* next & previous buttons */
.form-presenter fieldset.action input.suivant, .form-presenter fieldset.action input.comparer { float: right; }
.form-presenter fieldset.action input.precedent { float: left; }

/* helpers & errors / .help, .form-error */
.form-presenter span.help { font-size: 0.9em; font-style: italic; padding: 0 0 0 225px; clear:both; float:left; }
.form-presenter .form-error {
	background: #fcf5f2 url('/images/forms/exclamation.gif') no-repeat 2px 2px;
	border: 1px solid #c30;
	color: #c30;
	display: none;
	float:right;
	font-size:0.9em;
	padding: 2px 2px 2px 20px;
	width: 30%;
}
.form-presenter .form-nihelp {
	float:left; /* TODO : Le placer en right, mais faire qu'il s'affiche collé au widget...*/
	font-size:0.9em;
	padding: 2px 2px 2px 2px;
	width: 30px;
}

.form-presenter .multiple-fields .form-error { color: #c30;	float: left; margin: 1em 0 0 0; width: 93%; }

/* specific behaviours "metier" */
.form-presenter.assurance-habitation h3 { font-size: 1.8em; padding: 0 0 17px 0; color: #67B3C3; }
.form-presenter.assurance-habitation label { display: block; }
.form-presenter.assurance-habitation .multiple-fields label { display: inline; font-weight: normal; }
.form-presenter.assurance-habitation input[type="text"] { border:1px solid #67B3C3; padding:3px 1px; }
.bloc.pre-form .form-presenter.assurance-habitation select { width: 152px; }

.form-presenter.adsl { overflow: hidden; padding: 0 0 0 240px; margin: 0 0 17px 0; }
.form-presenter.adsl div { margin: 0; }
.form-presenter.adsl label { font-size: inherit; color: #31616b; }
	.form-presenter.adsl fieldset.actions { position: absolute; right: 0; top: 0; }
		.form-presenter.adsl fieldset.actions button { float: left; margin: 0 15px 0 0; }
		.form-presenter.adsl .inline.holder { display: inline; float: left; margin: 0 0 8px 0; }
		.form-presenter.adsl .block.holder { display: block; clear: left; }

/**
*  13. TEASER / #teaser
*/
/* default background : web call back */
#teaser {
	background-color: transparent;
	background-image: url('/images/charte-v2/teaser-web-call-back.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 138px;
	color: #fff;
	overflow: hidden;
	position: relative;
}
* html #teaser { height: 138px; } /* IE6 */
#teaser h2 { font-size: 1.5em; /*padding: 17px 181px 8px 240px;*/ padding: 8px 181px 8px 240px; }
	#teaser h2 a {color: #fff; }
#teaser p, #teaser ul { color: #31616C; padding: 0 181px 8px 240px; }
#teaser p { font-size: 1.083em; /*line-height: 1;*/ }
	#teaser p a, #teaser ul a { color: #31616C; text-decoration: underline; }
	#teaser p a:hover, #teaser ul a:hover { text-decoration: none; }
/* takes full teaser available space */
#teaser.liquid h2, #teaser.liquid p, #teaser.liquid ul { padding-right: 8px; }

/* specific backgrounds */
#teaser.assurance-habitation, #teaser.demenagement { background-image: url('/images/charte-v2/teaser-assurance-habitation.jpg'); }
#teaser.assurance-sante { background-image: url('/images/charte-v2/teaser-assurance-sante.jpg'); }
#teaser.assurance-scolaire { background-image: url('/images/charte-v2/teaser-assurance-scolaire.jpg'); }
#teaser.carte-credit { background-image: url('/images/charte-v2/teaser-carte-credit.jpg'); }
#teaser.credit-auto { background-image: url('/images/charte-v2/teaser-credit-auto.jpg'); }
#teaser.credit-en-ligne, #teaser.banque, #teaser.credit-travaux  { background-image: url('/images/charte-v2/teaser-credit.jpg'); }
#teaser.internet, #teaser.adsl, #teaser.numerique { background-image: url('/images/charte-v2/teaser-internet.jpg'); }
#teaser.mobile { background-image: url('/images/charte-v2/teaser-mobile.jpg'); }
#teaser.credit-consommation, #teaser.reserve-argent { background-image: url('/images/charte-v2/teaser-credit-consommation.jpg'); }

/* fixes */
#teaser #cartouche { position: absolute; right: 0; top: 0; float: none; }
#teaser #cartouche ul { padding: 0; width: auto; float: none; }
#teaser #cartouche li.first { background:transparent none; color:#FFFFFF; display:block;padding:8px 0; }
#teaser #cartouche li { color:#31616B; }
	#teaser #cartouche li a { text-decoration: none; }
	#teaser #cartouche li a:hover { text-decoration: underline; }

/* old structure to delete ASAP */
#timeline #teaser { background-image: none; overflow: visible; min-height: 126px; float: left; }
#timeline #teaser p, #timeline #teaser h2 { float:left; padding: 0; }
#timeline #teaser .action { text-align:center; width:250px; }
#timeline #teaser .texte { padding:17px; color:#31616b; width:200px; }
#timeline #teaser h2 { padding:17px 0 0 0; color:#fff; font-size:1.5em; }
#timeline #teaser .action a { margin:17px 0 0 0; display:block;  }
#timeline #teaser.alt .action { width:350px; }
#timeline #teaser.cuisine h2 { position:relative; left:-50px; font-size:24px; color:#000 }


/**
*	14. BLOC SPECIAUX (alertes, jeu des factures, résiliation)
*/
a.button-special {
	background: transparent url('/images/charte-v2/buttons/btn-special.png') no-repeat top center;
	color: #fff;
	font-size: 1.325em;
	font-weight: bold;
	height: 43px;
	line-height: 43px;
	text-align: center;
	width: 160px;
}
.bloc a.button-special { display: inline-block; }
a.button-special:hover { text-decoration: none; }
.home-resiliation h4 , .home-alertes h4 { text-align: center; }
.home-resiliation h4 a, .home-alertes h4 a { padding: 0; }

/* Alertes / .home-alertes */
.home-alertes {background: url('/images/alertes/home-bloc_alertes-fond.gif') no-repeat 0px 70px; background-color:#f4f7f7; color:#ffffff;}
.home-alertes h3 {height:54px;background: url('/images/alertes/home-bloc_alertes-titre.gif') no-repeat center top; background-color:#ffffff;text-indent:-3000px;}
.home-alertes p a{color:#CC3300;}
.home-alertes h4 {
	background: url('/images/alertes/home-bloc_alertes-pied.gif') no-repeat bottom left;
	background-color:#ffffff;
	padding: 0;
	min-height: 57px;
}

/* Résiliation / .home-resiliation */
.home-resiliation { background-color:#f4f7f7; /*color:#ffffff;*/ color: #222; }
.home-resiliation select {width:150px;}
.home-resiliation h3 {
	/*min-height:36px;*/
	background: transparent url('/images/charte-v2/bloc-resiliation-haut.gif') no-repeat center top;
	color: #31616B;
	font-size: 1.5em;
	padding: 12px 17px 8px 24px;
}
.home-resiliation p a{color:#CC3300;}
.home-resiliation p.first {height:80px;background: url('/images/charte-v2/bloc-resiliation-centre.gif') no-repeat -4px 0px;}
.home-resiliation p.repeat {padding-top:0px;background: url('/images/charte-v2/bloc-resiliation-repeat.gif') repeat-y -4px top;}
.home-resiliation h4 {
	background: url('/images/charte-v2/bloc-resiliation-bas.gif') no-repeat scroll -4px bottom;
	background-color:#ffffff;
	padding: 0;
	min-height: 57px;
}

/* Jeu des factures / .home-jeu-factures */
.home-jeu-factures {background: transparent url('/images/jeu-factures/home-bloc_jeu-factures-fond.gif') no-repeat top center; color:#ffffff; cursor:pointer;}
.home-jeu-factures h3 {color: #ffffff; font-size: 1.2em; font-weight: bold; padding: 75px 17px 0;}
.home-jeu-factures p {color:#ffffff; padding: 0 17px 0;}
.home-jeu-factures h4 {padding:60px 0 5px 78px;}


/**
*	buttons
*/
/* generic */
.button {
	cursor:pointer;
	background:#fff url('/images/forms/btn.jpg') no-repeat center center;
	width:144px;
	height:39px;
	text-transform:uppercase;
	text-align:center;
	line-height:39px;
	font-weight:bold;
	color:#fff;
	border:0px;
}
a.button {
	display: block;
	color:#fff;
}
.button:hover, a.button:hover {
	color:#31616C;
	text-decoration:none;
}

/* specific */
.button.blue { background:#fff url('/images/forms/btn.jpg') no-repeat center center; }


/**
 * 18. Bulles d'aides non intrusives : lien et div de contenu
 */
.contenu-bulle-aide {
	overflow: visible;
	position: absolute;
	z-index: 15;
	width:200px;
	background-color: #F8F8F8;
	padding: 10px 10px 10px 10px;
	border: solid 1px #BBBBBB;
	margin: 0 0 0 0;
	text-align: left;
}

.lien-bulle-aide {
	background:transparent url('/images/charte-v2/ico_help.png') no-repeat top left;
	width:24px;
	height:23px;
	text-indent:-10000px;
	float:right;
	position:relative;
	top:-3px;
	right:2px;
}
.retour-client {
margin:5px;
padding:5px;
background-color:#01343B;

}
 .retour-client a{
background:transparent url(/images/client/chevron-retour.gif) no-repeat scroll left center;
font-weight:bold;
padding:0 12px;
color:#fff;
cursor:pointer;
 }

/**
*	18. ADSERV / .ads
*/
.ads { display: block; text-align: center; }
	.medium-rectangle, .square { width: 351px; }
	.leaderboard { width:728px; height: 90px; float: right; }

#articles .medium-rectangle, #articles .square { float: left; padding: 27px 0 10px 0; }