/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise a zéro de tous les preformatages navigateurs */
	* {
		padding:0;
		margin:0
	}
	body {
		font-family:Verdana, arial, helvetica, sans-serif;
		color:#014983;
		background:#fff
	}
/* ------------------------------------------------------------------------- Liens */
	a { text-decoration:none; }
	a:hover, a:focus, a.focus {text-decoration:underline; }
	a img { border:0; margin:0; padding:0;  }
/* ------------------------------------------------------------------------- Liste */
	ul, li { list-style:none; border:0; margin:0; padding:0;}
/* ------------------------------------------------------------------------- Divers */
	strong {font-weight:bold}
	em {font-style:italic}
	abbr, acronym {border-bottom:1px dotted}
	address {font-style:normal}
	kbd {
		font-size:1.2em;
		background:#e5e5e5;
		padding:0 2px;
		border:solid 1px #ccc;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999
	}
	* html kbd {font-size:1em}
	*+html kbd {font-size:1em}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:988px;
		margin:0 auto
	}
	input:focus,
	input.focus,
	textarea:focus,
	textarea.focus,
	select:focus {background:#f2f9ff}
	input.bouton,  div.conteneur input.bouton,  div.content-action input {
		font-family:tahoma;
		font-size:1em;
		color:#fff;
		background:#014983;
		border:1px solid #014983;
		padding:1px;
		cursor:pointer
	}
	input.bouton:hover,
	input.bouton:focus,
	#boutons input.focus,
	 div.conteneur input.bouton:hover,
	 div.conteneur input.bouton:focus,
	 div.content-action input:hover,
	 div.content-action input:focus,
	 div.content-action input.focus {
		color:#fff;
		background:#1f6aa6
	}
/* ------------------------------------------------------------------------- Logo */
	#logo {
		float:left;
		width:200px;
		height:182px;
		background:#014983;
		padding:0;
		margin:0;
		overflow:hidden;
	}
/* ------------------------------------------------------------------------- Liens d'acces rapide */
	#acces_rapide {
		float:left;
		font-size:1.1em;
		color:#014983;
		padding:4px 0 0 25px
	}
	#acces_rapide li {
		float:left;
		margin:0 8px 0 0
	}
	#acces_rapide li a, #acces_rapide li strong {
		color:#014983;
		font-size:1.1em;
		white-space:nowrap;
		font-weight:bold;
		}
	#acces_rapide li.ancre_contenu a, #acces_rapide li.ancre_contenu strong { margin-left:5px }
	
/* ------------------------------------------------------------------------- Recherche */
	#recherche {
		float:right;
		padding:3px 60px 2px 0
	}
	#recherche label {
		float:left;
		text-transform:uppercase;
		word-spacing:-0.2em;
		letter-spacing:-0.05em;
		line-height:1.2em;
		font-size:1.4em;
		font-weight:bold;
		margin:0 10px 0 0;
		text-indent:-2000;
	}
	#recherche label span {color:#56aa1e}
	#recherche input.champ {
		float:left;
		width:112px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.9em;
		font-weight:bold;
		color:#1a5b8f;
		border:1px solid #014983;
		padding:2px 0 3px 7px
	}
	#recherche input.bouton {
		float:left;
		font-size:.9em
	}
	#recherche input.bouton {padding-bottom:2px}
	* html #recherche input.bouton {padding-bottom:1px}
	*+html #recherche input.bouton {padding-bottom:1px}
/* ------------------------------------------------------------------------- Tetiere */
	#tetiere {
		float:left;
		margin:0 0 2px 0
	}
	#tetiere img {vertical-align:top}
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		width:100%;
		font-size:1.2em;
		margin:2px 0 2px 0
	}
	#menu li {
		position:relative;
		float:left
	}
	#menu li a, #menu li strong {
		display:block;
		display:inline;		/* Corrige un bug IE6 */
		float:left;
		width:123px;
		text-align:center;
		line-height:1em;
		font-weight:bold;
		color:#014983;
		background-color:#f8ba22;
		background-image:url(../images/background/menu_li_a.gif);
		background-repeat:repeat-x;
		padding:14px 3px;
		margin:0 2px 0 0;
	}
	#menu .sous_niveaux_2_noeud_106 a { width:194px; padding-top:8px; padding-bottom:8px; }
	#menu .sous_niveaux_2_noeud_4273 a,
	#menu .sous_niveaux_2_noeud_12120 a,
	#menu .sous_niveaux_2_noeud_14552 a,
	#menu .sous_niveaux_2_noeud_14667 a,
	#menu .sous_niveaux_2_noeud_5263 a,
	#menu .sous_niveaux_2_noeud_5264 a { padding-top:8px; padding-bottom:8px; }
	
	#menu li a:hover, #menu li a:focus, #menu li a.focus, #menu li strong, #menu li.on a {
		color:#fff;
		background-color:#014983;
		background-image:url(../images/background/menu_li_a_hover.gif)
	}
	
/* ----------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:-999px;
		left:0;
		width:170px;
		font-size:.9em;
		background:#014983;
		padding:6px 15px;
		z-index:200;
	}
	#menu li.sous_niveaux_2_noeud_14785 ul { left:auto; right:0; }
	#menu li ul.actif {top:42px}
	#menu li ul li {
		position:static;
		float:none
	}
	#menu li ul li a {
		display:inline;
		text-align:left;
		line-height:normal;
		font-weight:normal;
		color:#fff;
		padding:2px 10px 2px 14px;
		margin:0
	}
	
	#menu .sous_niveaux_2_noeud_106  ul li a,
	#menu .sous_niveaux_2_noeud_4273 ul li a,
	#menu .sous_niveaux_2_noeud_12120 ul li a,
	#menu .sous_niveaux_2_noeud_14552 ul li a,
	#menu .sous_niveaux_2_noeud_14667 ul li a,
	#menu .sous_niveaux_2_noeud_5263 ul li a,
	#menu .sous_niveaux_2_noeud_5264 ul li a { padding:2px 10px 2px 14px; }	
	
	#menu li.on ul li a {
		background:url(../images/background/fleche_bas.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	#menu li.on ul li a:hover, #menu li.on ul li a:focus, #menu li.on ul li a.focus {background-image:url(../images/background/fleche_haut.gif)}
	
	
	.flat_top_image { float:left; border-right:2px solid #fff; width:129px; height:57px; overflow:hidden; }
	.flat_top_image.first { width:200px; }
	
	
/* ------------------------------------------------------------------------- Visuels menu */
	#visuels_menu {
		float:left;
		width:100%;
		margin:0 0 2px 0
	}
	#visuels_menu li {
		float:left;
		margin:0 2px 0 0
	}
	#visuels_menu li img {vertical-align:middle}
/* ------------------------------------------------------------------------- Main */
#main {
	width:100%;
	font-size:1.1em;
	clear:both;
	}
	div.home {background:url(../images/background/main.gif) repeat-y right top}
	a.all {
		clear:both;
		display:block;
		text-align:right;
		font-weight:bold;
		color:#014983
	}
	a.all span {
		background:url(../images/background/rond_fleche.gif) no-repeat left center;
		padding:0 0 0 13px
	}
	#main a.externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}
/* ----------------------------------------------------- Left */
	#left-col {
		float:left;
		width:200px;
		padding-bottom:30px;
	}


/* --------------------------------- Flat left */
	.flat_left_titre {
		display:block;
		font-weight:bold;
		color:#fff;
		background:#ec6d00;
		padding:5px 12px
	}
	#menu_contextuel {
		background:#f88820;
		padding:0;
		margin:0 0 0 0;
	}
	#menu_contextuel li a, #menu_contextuel li strong {
		display:block;
		height:1%;		/* Corrige un bug IE6 */
		color:#fff;
		background:url(../images/background/fleche_bas.gif) no-repeat 10px 5px;
		padding:2px 0 3px 24px
	}
	#menu_contextuel li a.externe{
		display:block;
		height:1%;		/* Corrige un bug IE6 */
		color:#fff;
		background:url(../images/background/fleche_bas.gif) no-repeat 10px 5px;
		padding:2px 0 3px 24px
	}	
	#menu_contextuel li a:hover, #menu_contextuel li a:focus, #menu_contextuel li a.focus, #menu_contextuel li strong {
		background:#f8a65a url(../images/background/fleche_noire.gif) no-repeat 10px 5px;
		color:#000;
		
		}
		
		#menu_contextuel li.level1 a, #menu_contextuel li.level1 strong {
			background:url(../images/background/fleche_bas.gif) no-repeat 24px 5px;
			padding:2px 0 3px 38px
			}
			
		#menu_contextuel li.level1 a.externe {
			background:url(../images/background/fleche_bas.gif) no-repeat 24px 5px;
			padding:2px 0 3px 38px
			}			
		
/* --------------------------------- CCI pratique */
	#cci_pratique {
	clear:both;
	background:#66BD29 url(../images/background/cci_pratique.gif) no-repeat scroll 0 0;
	margin:-2px 0 0 0;
	padding:35px 0 5px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	position:relative;
	}
	#cci_pratique span.titre { position:absolute; left:-2000px;}
	
	#cci_pratique ul li { position:relative; background:url(../images/background/pratique_puce.gif) no-repeat 22px 2px; } 
	
	#cci_pratique ul #item_11534 { background:url(../images/background/flux_rss.gif) no-repeat 18px 2px }
	#cci_pratique ul #item_13352 { background:url(../images/background/marches_publics.gif) no-repeat 18px 2px }
	#cci_pratique ul #item_2562 { background:url(../images/background/liens_utiles.gif) no-repeat 18px 2px }
	#cci_pratique ul #item_2563 { background:url(../images/background/nous_contacter.gif) no-repeat 18px 2px }
	#cci_pratique ul #item_4274 { background:url(../images/background/plan_acces.gif) no-repeat 18px 2px }
	#cci_pratique ul #item_13391 { background:url(../images/background/newsletter.gif) no-repeat 18px 2px }
	
	#cci_pratique ul li a {
		display:block;
		height:1%;		/* Corrige un bug IE6 */
		color:#fff;
		padding:0 0 4px 46px;
		margin:0 0 4px 0;
		font-weight:bold;
		position:relative;
	}
		#cci_pratique ul li a:hover { color:#014983; text-decoration:underline; }

/* --------------------------------- Le magazine */
	#magazine {
		overflow:hidden;
		height:1%;		/* Corrige un bug IE6 */
		background:#ec6d00 url(../images/background/magazine.jpg);
		padding:7px 10px 10px 15px;
		margin:0 0 2px 0
	}
	#magazine img {
		float:left;
		margin:0 14px 0 0
	}
	#magazine a {color:#fff}

/* --------------------------------- Fil d'arianne */
	#fil_arianne {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#6a8ba4;
		padding:0 25px 0 0;
		margin:0 0 10px 0;
	}
	#fil_arianne a {
		color:#6a8ba4;
		font-weight:bold;
	}
	#fil_arianne a:hover, #fil_arianne a:focus, #fil_arianne a.focus { color:#333; text-decoration:underline; }
/* --------------------------------- Middle */
	#middle {
		float:left;
		width:491px;
		padding:0 25px 0 30px
	}
/* ------------- H1 */
	#middle h1 {
		font-size:1.2em;
		background:url(../images/background/pointilles.gif) repeat-x left bottom;
		padding:0 0 1px 0;
		margin:0 0 12px 0
	}
/* ------------- Plan du site */
	#plan_site {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse
	}
	#plan_site tr td {
		vertical-align:top;
		padding:0 10px 20px 5px
	}
	#plan_site tr td a {text-decoration:none}
	#plan_site tr td a:hover, #plan_site tr td a:focus, #plan_site tr td a.focus {text-decoration:underline}
	#plan_site tr td h2 {
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:5px
	}
	#plan_site tr td h2 a {color:#024f7d}
	#plan_site tr td ul {
		clear:both;
		padding:0 0 0 15px
	}
	#plan_site tr td ul li {
		background:url(../images/background/carre_jaune_pt.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		margin:0 0 3px 0
	}
	#plan_site tr td ul li a {color:#024f7d}
	#plan_site tr td ul li ul {margin:3px 0 5px 0}
	#plan_site tr td ul li ul li {background:url(../images/background/puce.gif) no-repeat 0 5px}
/* --------------------------------- Right */
	#right {
		float:right;
		width:242px
	}
/* ------------- H2 */
	h2.right {
		text-transform:uppercase;
		font-family:"Arial Black", Arial, Helvetica, sans-serif;
		font-size:1.2em;
		color:#fff;
		padding:2px 8px
	}
	h2.bleu {background:#014983}
	h2.vert {background:#66bd29}
/* ------------- Actualites */
	div.actualite {
		clear:both;
		overflow:hidden;
		height:1%;		/* Corrige un bug ie6 */
		line-height:1.4em;
		font-size:.9em;
		color:#486780;
		background:#e5ecf2;
		padding:10px 15px
	}
	div.actualite img {
		float:left;
		margin:0 7px 0 0
	}
	div.actualite h3 {font-size:1em}
	div.actualite h3 a {color:#014983}
/* ------------- Temoignages */
	div.temoignage {
		line-height:1.4em;
		font-size:.9em;
		background:#eff8e9;
		padding:10px 15px
	}
	div.temoignage p {margin:0 0 5px 0}
/* --------------------------------- Outils */
	#outils {
		float:left;
		width:100%;
		color:#fff;
		padding:20px 0 10px 0
	}
	#outils a {
		color:#343E56;
		font-size:0.9em;
		font-weight:bold;
		background-repeat:no-repeat;
		background-position:left center;
		padding:0 0 1px 17px;
		margin:0 30px 0 0;
		text-decoration:none;
	}
	
	#outils #Retour {background-image:url(../images/background/_retour.png)}
	#outils #imprimer {background-image:url(../images/background/imprimer.gif)}
	#outils #envoyer_ami {background-image:url(../images/background/envoyer_page.gif)}
	#outils #haut_page {
		background-image:url(../images/background/haut_page.gif);
		padding-bottom:2px;
	}
	#outils a:hover, #outils a:focus, #outils a.focus { color:#66bd29; }	
/* ------------------------------------------------------------------------- Bottom */
	#bottom {
		clear:both;
		color:#fff;
		background:#66bd29;
		padding:6px 10px 6px 415px;
		margin:10px 0 0 0;
		text-align:right;
		overflow:hidden;
	}
	#bottom a { font-size:1.1em; color:#fff; font-weight:bold; padding:0 10px 0 10px; border-right:1px solid #fff; }
	
	#bottom .toolbar-item { float:left;	}
	
	#bottom #inova a { border:0; padding:0; color:#d1ebbf; font-size:1em; }
	#bottom #inova a:hover { color:#333; text-decoration:underline; } 

/* ----------------------------------------------------- Copyright */
	#copyright {
		position:absolute;
		top:6px;
		right:8px;
		font-size:.8em
	}
	#copyright abbr {border:0}

#liens_gauche { padding:0; margin:0; border-top:2px solid #fff; }
#liens_gauche .span_titre { position:absolute; left:-2000px; }
#main #liens_gauche a.externe { background:none; border:0; margin:0; padding:0; }
#main #liens_gauche a { margin:0; padding:0; }
#liens_gauche img { border:0; margin:0; padding:0; }

#vignettes { margin-bottom:2px; }

.listitem.publications {
	background:#ed6d00 url(../images/background/magazine.gif) no-repeat 0 0;
	margin:-13px 0 2px 0;
	padding:10px 0 10px 0;
	display:block; overflow:hidden: height:100%; 
	}
	.publications h2 { background:#EC6D00 url(../images/background/publications_h2.gif) no-repeat 0 0; height:38px; width:200px; overflow:hidden; }
	.publications h2 span { position:absolute; left:-10000px; }
	.listitem.publications h2 { margin-bottom:0; padding-bottom:0; }
	
	#publications_body { padding:0 10px 0 10px; overflow:hidden; height:100%; }
	
	
	#publications_body .object-left { margin-right:5px; }
	
	a.publications-link { display:block; font-weight:bold; color:#fff; background:none;
	background:url(../images/background/pdf.gif) no-repeat 0 0;
	display:block;
	padding-left:22px;
	overflow:hidden;
	position:relative;
	display:none;
	}
	a.publications-link:hover { color:#333; text-decoration:underline; }
	a.publications-folder-link { /* clear:both; float:left; */ display:block; font-weight:bold; color:#fff; background:none; }
	a.publications-folder-link:hover { color:#333; text-decoration:underline; }
	
 #sous-rubriques .vue_line { border-bottom:1px dotted #56aa1e; }
 #sous-rubriques a { color:#014983; padding-left:15px; background:url(../images/background/srub-puce.gif) no-repeat 0 3px; }
 #sous-rubriques a:hover { color:#56aa1e; }

 #espacepresse {} 	
 #espacepresse .span_titre { display:none; }
 
 span.lowercase { text-transform:lowercase; }
 span.lowercase:first-letter { text-transform:uppercase; color:red; }
 
#main a#lien_flip.externe { background:none; display:block; width:200px; height:114px; background:url(../images/background/lien_flip.jpg) no-repeat 0 0;  }


/* nouvelle colonne de gauche */

.col2_body { padding: 0 10px 10px 10px; }

#informez_vous { width:200px; background:url(../images/left/_col2_bgd.gif) no-repeat 0 bottom; margin-bottom:10px; }
#informez_vous .haut { display:block; height:80px; width:200px; background:url(../images/left/_informez_vous_haut.gif) no-repeat 0 0; margin:0; }
#informez_vous .haut span { position:absolute; top:-1000px; }
#informez_vous h3 { color:#4e8704; background:url(../images/left/_col2_puce.gif) no-repeat 0 6px; margin:0; padding:0 0 0 8px; }
#informez_vous a { font-size:0.9em; padding:0 0 0 8px; display:block; margin-bottom:5px; color:#000; }

#pme { width:200px; background:url(../images/left/_col2_bgd.gif) no-repeat 0 bottom; margin-bottom:10px;}
#pme .haut { display:block; height:81px; width:200px; background:url(../images/left/_pme_haut.gif) no-repeat 0 0; margin:0; }
#pme .haut span { position:absolute; top:-1000px; }
#pme a { font-size:0.9em; background:url(../images/left/_col2_puce.gif) no-repeat 0 4px; margin:0; padding:0 0 0 8px; color:#000; display:block; }

#estuaire { display:block; width:200px; background:url(../images/left/estuaire.gif) no-repeat 0 bottom; margin-bottom:10px; height:114px;}
#estuaire  span  { position:absolute; top:-1000px; }
#estuaire a { margin:0; padding:0 0 0 8px; color:#000; display:block; width:200px;height:114px; }



#solutions { width:200px; background:url(../images/left/_col2_bgd.gif) no-repeat 0 bottom; margin-bottom:10px; }
#solutions .haut { display:block;  width:200px; background:url(../images/left/_solutions_haut.gif) no-repeat 0 0; margin:0;height:80px; }
#solutions .haut span { position:absolute; top:-1000px; }
#solutions a { font-size:0.9em; background:url(../images/left/_col2_puce.gif) no-repeat 0 4px; margin:0; padding:0 0 0 8px; color:#000; display:block; }

#anim_reso { width:200px; background:url(../images/left/_col2_bgd.gif) no-repeat 0 bottom; margin-bottom:10px; }
#anim_reso .haut { display:block; height:107px; width:200px; background:url(../images/left/_anim_reso_haut.gif) no-repeat 0 0; margin:0; }
#anim_reso .haut span { position:absolute; top:-1000px; }
#anim_reso a { font-size:0.9em; background:url(../images/left/_col2_puce.gif) no-repeat 0 4px; margin:0; padding:0 0 0 8px; color:#000; display:block; }

#pratique { width:200px; background:url(../images/left/_col2_bgd.gif) no-repeat 0 bottom; margin-bottom:10px; }
#pratique .haut { display:block; height:70px; width:200px; background:url(../images/left/_pratique_haut.gif) no-repeat 0 0; margin:0; }
#pratique .haut span { position:absolute; top:-1000px; }
#pratique a { font-size:0.9em; background:url(../images/left/_col2_puce.gif) no-repeat 0 4px; margin:0 0 3px 0; padding:0 0 0 8px; color:#000; display:block; }
#pratique span.titre { display:none; }

#presse { width:200px; background:url(../images/left/_col2_bgd.gif) no-repeat 0 bottom; margin-bottom:10px; }
#presse .haut { display:block; height:65px; width:200px; background:url(../images/left/_presse_haut.gif) no-repeat 0 0; margin:0; }
#presse .haut span { position:absolute; top:-1000px; }
#presse a { font-size:0.9em; background:url(../images/left/_col2_puce.gif) no-repeat 0 4px; margin:0; padding:0 0 0 8px; color:#000; display:block; }
#presse img { display:none; }
#presse span.titre { display:none; }

#main #informez_vous a.externe,
#main #pme a.externe,
#main #anim_reso a.externe,
#main #pratique a.externe,
#main #presse a.externe
 { background:none; padding-left:9px; }
 
#main #solutions a.externe { font-size:0.9em; background:url(../images/left/_col2_puce.gif) no-repeat 0 4px; margin:0; padding:0 0 0 8px; color:#000; display:block; }