/* CSS Document */	
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:988px;
		padding:7px 0 0 0;
		margin:0 auto
	}
/* ------------------------------------------------------------------------- Titres */
	div.titre {
		display:block;
		float:left;
		width:100%;
		text-indent:3px;
		text-transform:uppercase;
		font-family:arial, helvetica, sans-serif;
		background:#3c6b86
	}
	div.titre span, div.titre h2 {
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		background:url(../images/background/fleche_bottom_blanc.png) no-repeat right 50%;
		padding:0 14px 0 0
	}
	* html div.titre span {background:none}
	* html div.titre h2 {background:none}
	div.titre h2 {
		float:left;
		margin:0
	}
	div.titre img {
		float:right;
		margin:2px 2px 0 0
	}
/* ------------------------------------------------------------------------- Liens */
	div.lien {
		display:block;
		float:left;
		width:100%;
		text-align:right;
		border-bottom:solid 2px #3c6b86;
		margin:0 0 15px 0
	}
	div.lien a {
		float:right;
		color:#fff;
		background:#3c6b86 url(../images/background/fleche_bas_blanc_pleine.gif) no-repeat right 4px;
		text-decoration:none;
		padding:1px 17px 0 5px
	}
	div.lien a:hover, div.lien a:focus, div.lien a.focus {text-decoration:underline}
	.uppercase {
		font-size:.9em;
		text-transform:uppercase
	}
/* ------------------------------------------------------------------------- Date */
	#date {
		float:left;
		font-family:arial, helvetica, sans-serif;
		font-size:1.2em;
		color:#862f25;
		margin:0 0 0 70px
	}
/* ------------------------------------------------------------------------- Lien "s'identifier" */
	#s_identifier {
		float:right;
		font-family:arial, helvetica, sans-serif;
		font-size:1.2em;
		color:#862f25
	}
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		font-family:arial, helvetica, sans-serif;
		font-size:1.1em;
		font-weight:bold;
		background:#862f25;
		padding:7px 0 6px 0;
		margin:5px 0 0 0
	}
	#menu li {
		position:relative;
		display:inline;
		padding:0 40px
	}
	#menu li a {
		color:#fff;
		text-decoration:none;
		border-bottom-style:solid;
		border-bottom-width:2px
	}
	#menu li a:hover, #menu li.on a {border-bottom-width:6px}
/* ----------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:-999px;
		left:40px;
		width:190px;
		text-align:left;
		text-transform:none;
		font-family:verdana;
		padding:15px 10px 7px 20px;
		margin:0
	}
	#menu li ul.actif {top:20px}
	#menu li ul li {
		display:block;
		background:url(../images/background/fleche_bas_blanc_pleine.gif) no-repeat 0 3px;
		padding:0 0 0 16px;
		margin:0 0 7px 0
	}
	#menu li ul li a:hover, #menu li ul li.on a {text-decoration:underline}
/* ----------------------------------------------------- Troisème niveau */
	#menu li ul.actif li ul {
		top:0;
		left:202px;
		width:150px;
		font-size:.9em;
		padding-top:10px;
		padding-left:10px
	}
	* html #menu li ul.actif li ul {left:186px}
	#menu li ul li.on ul.actif li a {text-decoration:none}
	#menu li ul li.on ul.actif li a:hover,#menu li ul li.on ul.actif li a:focus {text-decoration:underline}
/* ------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:100%;
		background:#8b8b8b url(../images/background/header.gif) repeat-x
	}
/* ----------------------------------------------------- Logo */
	#header #logo {float:left}
	#header h1 {
		background:none;
		padding:0;
		margin:0
	}
/* ----------------------------------------------------- Recherche */
	#header #recherche div.titre {
		margin-top:16px;
		margin-bottom:0
	}
	#header #recherche div.titre span {background-image:url(../images/background/fleche_top_blanc.png)}
	* html #header #recherche div.titre span {background:none}
/* ------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%;
		font-size:1.1em;
		background:#fff;
		padding:4px 0 15px 0
	}
/* ----------------------------------------------------- Contenu */
	#contenu {
		overflow:hidden;
		float:left;
		width:717px;
		padding:0 25px 0 25px
	}
/* --------------------------------- Savoir plus */
	#contenu div.savoir_plus {
		float:left;
		width:100%;
		text-align:right;
		border-bottom:1px dashed #ccc;
		padding:0 0 10px 0;
		margin:0 0 10px 0
	}
	#contenu div.savoir_plus a {
		background:url(../images/background/puce.gif) no-repeat right 5px;
		padding-right:9px;
		margin-right:10px
	}
/* --------------------------------- Témoignages */
	#temoignages {
		float:right;
		margin-top:-29px
	}
/* ----------------------------------------------------- Right */
	#right {
		float:left;
		width:221px
	}
/* --------------------------------- Blocs */
	#right div.bloc {
		float:left;
		width:100%;
		background:#f1f1f1;
		border-bottom:2px solid #3c6c83;
		padding:3px 0 4px 0;
		margin:0 0 10px 0
	}
/* --------------------------------- Liens */
	#right a {
		color:#3c6b85;
		text-decoration:none
	}
	#right a:hover, #right a:focus, #right a.focus {text-decoration:underline}
	#right div.lien {
		position:relative;
		margin-top:-17px
	}
	#right div.lien a {
		font-size:1.1em;
		color:#fff
	}
/* --------------------------------- Editions Electroniques */
	#right #noeud_parent_7570 {
		width:205px;
		font-size:1.1em;
		padding:5px 8px
	}
	#right #noeud_parent_7570 img {
		float:left;
		bacground:#fff;
		padding:2px;
		margin:0 4px 0 0
	}
	#right #noeud_parent_7570 li {
		background:url(../images/background/pointille_epais.gif) repeat-x left bottom;
		padding:7px 0
	}
/* --------------------------------- Annonces */
	#right ul.onglets {
		float:left;
		width:220px;
		font-size:1.1em;
		font-weight:bold;
		border-left:1px solid #b0c2cc
	}
	#right ul.onglets li {display:inline}
	#right ul.onglets li a {
		display:block;
		float:left;
		color:#3c6b86;
		border-top:1px solid #b0c2cc;
		border-right:1px solid #b0c2cc;
		border-bottom:1px solid #b0c2cc;
		padding:3px 10px 6px 10px
	}
	#right ul.onglets li a:hover, #right ul.onglets li a:focus, #right ul.onglets li a.focus {background:url(../images/background/onglet_survol.gif) repeat-x left bottom}
	#right ul.onglets li a:hover, #right ul.onglets li.ui-tabs-selected a {
		background-color:#cdd8de;
		border-bottom-color:#cdd8de
	}
	#right ul.onglets li.ui-tabs-selected a:hover, #right ul.onglets li.ui-tabs-selected a:focus {
		background-image:none;
		text-decoration:none;
		cursor:text
	}
	div.ui-tabs-hide {display:none}		/* Nécessaire pour fonctionnement des onglets */
	#right #annonces {
		float:left;
		width:218px;
		background:#cdd8de;
		border:1px solid #b0c2cc;
		border-top:0
	}
	#right #annonces div.annonces {padding:15px 10px 10px 15px}
	#right #annonces div.annonces ul li {
		background:url(../images/background/fleche_bottom_couleur02.gif) no-repeat left 50%;
		padding:0 0 0 18px;
		margin:0 0 6px 0
	}
	#right #annonces div.annonces a.toutes_offres {
		display:block;
		text-align:right;
		font-weight:bold;
		background:url(../images/background/puce.gif) no-repeat right 15px;
		padding:10px 10px 0 0
	}
	#right a.toutes_annonces {
		display:block;
		float:left;
		width:100%;
		text-align:center;
		font-weight:bold;
		margin:5px 0
	}
/* --------------------------------- Alerte mail */
	#right form {padding:4px 5px 10px 2px}
	#right form p {
		line-height:1.5em;
		margin:0 0 6px 0
	}
	#right form input.champ {
		width:135px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:1em;
		color:#3c6b86;
		border:1px solid #3c6b86;
		padding:2px 0 2px 8px;
		margin:0 0 0 19px
	}
	#right form input.champ:focus, #right form input.champ.focus {
		color:#333;
		border-color:#666;
		background:#e5eef3
	}
	#right form span {
		display:block;
		color:#ff0000;
		padding:5px 0 0 19px
	}
/* --------------------------------- Liens */
	#right #noeud_parent_7574 ul {padding:8px 10px 7px 15px}
	#right #noeud_parent_7574 ul li {
		background:url(../images/background/fleche_bas_couleur02_pleine.gif) no-repeat left 2px;
		padding:0 0 0 15px;
		margin:0 0 3px 0
	}
/* --------------------------------- Publicité */
	#right #publicite {
		border-bottom:2px solid #3c6b87;
		padding:0 0 7px 0;
		margin:0 0 11px 0
	}
	#main #right #publicite a.externe {
		background:none;
		padding:0
	}
/* --------------------------------- Annuaire des entreprises et Lu pour vous */
	#right img.bouton {vertical-align:middle}
/* --------------------------------- Abonnement */
	#right div.article_simple {
		float:left;
		width:205px;
		background:#edefec;
		border-bottom:2px solid #3c6b85;
		padding:0 8px 15px 8px
	}
	#right div.article_simple ul {
		float:left;
		width:197px;
		font-weight:bold;
		border-bottom:1px dashed #3d6c88;
		padding:6px 0 7px 8px;
		margin:0 0 6px 0
	}
	#right div.article_simple ul li {
		float:left;
		width:190px;
		background:url(../images/background/fleche_bas_couleur02_pleine.gif) no-repeat left 2px;
		padding:0 0 0 15px;
		margin:3px 0 4px 0
	}
/* ------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:100%;
		text-align:center;
		font-size:1.2em;
		color:#fff;
		background:#862f25;
		padding:8px 0 7px 0;
		margin:0 0 5px 0
	}
	#footer li {display:inline}
	#footer li a {
		color:#fff;
		text-decoration:none
	}
	#footer li a:hover, #footer li a:focus, #footer li a.focus {text-decoration:underline}
/* ------------------------------------------------------------------------- Copyright */
	#copyright {
		display:block;
		clear:both;
		font-size:1.1em;
		color:#5f544e;
		padding:0 0 10px 5px
	}
	#copyright a {color:#5f544e}