/* CSS Document */	
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:988px;
		padding:0 0 10px 0;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		overflow: hidden;
		width:807px;
		min-height:112px;
		font-family:arial;
		background:url(../images/background/header.gif) no-repeat;
		padding:0 181px 2px 0
	}
	* html #header {height:112px}
/* ------------------------------------------------------------------------- Top */
	#top {
		float:right;
		padding:15px 10px 0 0
	}
/* ----------------------------------------------------- Liens d'acces rapide */
	#acces_rapide {
		float:left;
		font-size:1.1em;
		color:#fff
	}
	#acces_rapide li {
		display:inline;
		margin:0 10px 0 0
	}
	#acces_rapide li a, #acces_rapide li span {
		color:#fff;
		margin:0 10px 0 0
	}
	#acces_rapide li span {font-weight:bold}
/* ----------------------------------------------------- Choix de la langue */
	#choix_langue {float:left}
	#choix_langue li {
		float:left;
		margin:0 0 0 3px
	}
/* ----------------------------------------------------- Logo */
	#logo {
		display:block;
		float:left;
		width:172px;
		text-align:center;
		padding:12px 0 0 0
	}
/* ----------------------------------------------------- Menu */
	#menu {
		float:left;
		width:632px;
		font-size:1.4em;
		margin:47px 0 0 0
	}
	#menu span a {
		display:block;
		float:left;
		font-weight:bold;
		color:#000;
		text-align:center;
		padding:15px 0 7px 0
	}
	#menu span.node_10322 a {width:204px}	/* Le Conseil général */
	#menu span.node_10323 a {width:223px}	/* Le Finistère durable */
	#menu span.node_10324 a {width:205px}	/* Donner votre avis */
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%;
		font-size:1.1em;
		background:url(../images/background/main.png) repeat-y
	}
	* html #main {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/cg29/design/cg29/images/background/main.png',sizingMethod='scale');
		background-image:none
	}
/* ------------------------------------------------------------------------- Right */
	#right {
		float:right;
		width:184px
	}
/* ----------------------------------------------------- Mon finistere et Etre acteur */
	div.bloc_gris {
		position:relative;
		float:left;
		width:171px;
		color:#fff;
		background-color:#c0c3c4;
		background-repeat:no-repeat;
		padding:4px 5px 3px 8px
	}
	div.bloc_gris.top {background-image:url(../images/background/arrondi_top_gris.gif)}
	div.bloc_gris.bottom {
		background-image:url(../images/background/arrondi_bottom_gris.gif);
		background-position:left bottom
	}
	div.bloc_gris span {
		float:left;
		font-size:1.1em;
		font-weight:bold;
		background-repeat:no-repeat;
		background-position:left 6px;
		padding:0 0 0 13px
	}
	div.bloc_gris.top span {background-image:url(../images/background/fleche_bottom_blanc_gris.gif)}
	div.bloc_gris.bottom span {background-image:url(../images/background/fleche_top_blanc_gris.gif)}
	div.bloc_gris img {
		float:right;
		padding:3px 0 3px 5px;
		cursor:help
	}
	div.bloc_gris p {
		float:left;
		width:100%;
		line-height:1.1em;
		font-size:.9em
	}
	div.bloc_gris p.infobulle {
		float:none;
		width:174px;
		position:absolute;
		left:0;
		background:url(../images/background/opacite.png);
		padding:5px
	}
	* html div.bloc_gris p.infobulle {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/cg29/design/cg29/images/background/opacite.png',sizingMethod='scale');
		background-image:none
	}
	div.bloc_gris.top p.infobulle {
		height:50px;
		top:25px
	}
	div.bloc_gris.bottom p.infobulle {
		height:36px;
		bottom:25px
	}
	* html div.bloc_gris.bottom p.infobulle {bottom:24px}
	img.bouton {vertical-align:middle}
	#decouvrir_finistere {margin:0 0 2px 0}
/* ----------------------------------------------------- Recherche */
	#recherche {
		float:left;
		width:178px;
		font-family:arial;
		color:#fff;
		padding:6px 0 10px 6px
	}
	#recherche label {
		display:block;
		font-size:1.1em
	}
	#recherche input.champ {
		float:left;
		width:128px;
		font-family:arial;
		font-size:1.1em;
		color:#4f4a4a;
		border:1px solid #787878;
		border-right-width:3px;
		padding:1px 0 1px 5px;
		margin:0 2px 0 0
	}
	#recherche input.champ:hover, #recherche input.champ:focus {
		width:130px;
		border-right-width:1px;
		background:#f2f2f2
	}
	#recherche div {
		float:left;
		width:27px;
		text-align:center;
		background:url(../images/background/ok.gif) no-repeat;
		padding:2px 0 4px 8px
	}
	#recherche input.bouton {
		float:left;
		border:0;
		padding:0;
		font-weight:bold
	}
/* ----------------------------------------------------- Navigation */
/* --------------------------------- Premier niveau */
	#navigation {
		float:left;
		width:100%;
		line-height:1.3em;
		font-size:1.1em;
		font-weight:bold;
		margin:0 0 17px 0
	}
	#navigation li {
		background:#278dcb url(../images/background/navigation_li.gif) no-repeat;
		padding:3px 0 0 0
	}
	#navigation li.sous_niveaux_2_noeud_201 {background-image:url(../images/background/navigation_li_first.gif)}
	#navigation li a, #navigation li strong {
		display:block;
		color:#fff;
		background:url(../images/background/navigation_a.gif) no-repeat left 5px;
		padding:0 5px 3px 11px;
		margin:0 0 0 7px
	}
	* html #navigation li a {height:1px}
/* --------------------------------- Second niveau */
	#navigation li ul {
		font-size:.9em;
		font-weight:normal;
		background:#dfeff7 url(../images/background/navigation_ul.gif) repeat-y;
		padding:7px 10px 8px 17px;
		margin:0
	}
	#navigation li ul li {
		background:url(../images/background/navigation_li_li.gif) no-repeat left 5px;
		padding:0 0 0 10px
	}
	#navigation li ul li a {
		display:inline;
		color:#012e44;
		background:none;
		padding:0;
		margin:0
	}
	#navigation li ul li strong {
		color:#278dcb;
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	ul.sous_niveaux_2_noeud_8015 {
		display:none
	}
/* ----------------------------------------------------- Liens image */
/* --------------------------------- Onglets */
	#right ul.onglets {
		float:left;
		width:100%
	}
	#right ul.onglets li {float:left}
	#right ul.onglets li a {
		display:block;
		display:inline;
		float:left;
		text-align:center;
		font-size:1.1em;
		font-weight:bold;
		color:#fff;
		background-color:#9aa5aa;
		background-repeat:no-repeat;
		background-position:left top;
		padding:3px 0 3px 0;
		margin:0 1px 0 0
	}
	#right ul.onglets li #onglet_01 {
		width:89px;
		background-image:url(../images/background/onglet_01.gif)
	}
	#right ul.onglets li #onglet_02 {
		width:79px;
		background-image:url(../images/background/onglet_02.gif)
	}
	#right ul.onglets li a:hover, #right ul.onglets li a:focus, #right ul.onglets li a.focus, #right ul.onglets li.ui-tabs-selected a {
		color:#278dcb;
		background-color:#fff;
		background-position:right top
	}
	#right ul.onglets li.ui-tabs-selected a:hover, #right ul.onglets li.ui-tabs-selected a:focus, #right ul.onglets li.ui-tabs-selected a.focus {
		cursor:text;
		text-decoration:none
	}
/* --------------------------------- Images */
	#liens_image {
		float:left;
		width:100%;
		background:#fff url(../images/background/liens_image.gif) repeat-y;
		margin:0 0 10px 0
	}
	#liens_image ul.ui-tabs-hide {display:none}		/* Necessaire pour fonctionnement des onglets */
	#liens_image ul li {
		text-align:center;
		background:url(../images/background/dotted_bleu.gif) repeat-x left bottom;
		padding:10px 0
	}
	#liens_image ul li:last-child, #liens_image ul li.last {background:none}
/* ----------------------------------------------------- Univers */
	#univers img {
		display:none;
		vertical-align:middle;
		margin:0 0 10px 8px
	}
/* ------------------------------------------------------------------------- Left */
	#left {
		float:left;
		width:794px;
		background:#fff;
		padding:2px 5px 160px 5px
	}
/* ----------------------------------------------------- Visuel */
	#visuel {margin:0 0 10px 0}
	#visuel img {vertical-align:top}
/* ----------------------------------------------------- Fil d'arianne */
	#fil_arianne {	
		font-size:.9em;
		color:#555454;
		padding:0 0 0 15px;
		margin:0 0 10px 0
	}
	#fil_arianne a {
		color:#555454;
		text-decoration:underline
	}
	#fil_arianne a:hover, #fil_arianne a:focus #fil_arianne a.focus {text-decoration:none}
/* ----------------------------------------------------- Contenu */
/* --------------------------------- 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;
		border:0;
		background:url(../images/background/fleche_bleu.gif) no-repeat 0 5px;
		padding:0 0 0 12px;
		margin-bottom:5px
	}
	#plan_site tr td h2 a {color:#024f7d}
	#plan_site tr td h2.noeud_rubrique_10322 a {color:#eac509}
	#plan_site tr td h2.noeud_rubrique_10323 a {color:#61b82c}
	#plan_site tr td h2.noeud_rubrique_10324 a {color:#ffa11a}
	#plan_site tr td ul {
		clear:both;
		padding:0 0 0 15px
	}
	#plan_site tr td ul li {
		background:url(../images/background/puce.gif) no-repeat 0 5px;
		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}
/* ----------------------------------------------------- Titre */
	div.titre {
		float:left;
		width:100%;
		background-repeat:no-repeat
	}
	div.titre.bleu {
		background-color:#2899d1;
		background-image:url(../images/background/titre_bleu.gif)
	}
	div.titre.bleu_fonce {
		background-color:#1875ad;
		background-image:url(../images/background/titre_bleu_fonce.gif)
	}
	div.titre.titre_orange {
		background-color:#e58d0f;
		background-image:url(../images/background/titre_orange.gif)
	}
	div.titre.rouge {
		background-color:#a60c0c;
		background-image:url(../images/background/titre_rouge.gif)
	}
	div.titre h2 {
		float:left;
		font-size:1.7em;
		font-weight:normal;
		color:#fff;
		border:0;
		padding:0 0 0 7px;
		margin:0
	}
	div.titre img {
		float:right;
		margin:3px 7px 0 0
	}
/* ----------------------------------------------------- Bloc */
	div.bloc {
		float:left;
		border:1px solid #cfcfcf;
		border-top:0;
		margin:0 0 10px 0
	}
/* --------------------------------- Agenda */
	#agenda {width:317px}
	#agenda ul {padding:0 16px}
	#agenda ul li {
		float:left;
		width:100%;
		background:url(../images/background/dotted_espace.gif) repeat-x left bottom;
		padding:10px 0 12px 0
	}
	#agenda ul li:last-child, #agenda ul li.last {background:none}
	#agenda ul li img {
		float:left;
		margin:0 7px 0 0
	}
	#agenda ul li a {
		line-height:1.6em;
		color:#012e44
	}
	#agenda ul li a span {
		display:block;
		font-weight:bold;
		color:#e58d0f
	}
	#agenda ul li a:hover span {text-decoration:underline}
	#agenda #toutes_dates {
		float:right;
		font-weight:bold;
		color:#4a4b4c;
		background:#cfcfcf url(../images/background/coin_gris_gauche.gif) no-repeat left top;
		padding:1px 13px 0 13px;
		margin-top:10px
	}
	#agenda #toutes_dates span {
		background:url(../images/background/plus_gris.gif) no-repeat left center;
		padding:0 0 0 13px
	}
/* --------------------------------- Actualites */
	#actualites {
		width:420px;
		padding:12px 10px 1px 16px
	}
	#actualites h3 {
		clear:both;
		font-size:1.1em;
		margin:0 0 3px 0
	}
	#actualites h3 a {color:#e58d0f}
	#actualites img {
		float:left;
		margin:0 10px 5px 0
	}
	#actualites p {
		line-height:1.7em;
		margin:0 0 10px 0
	}
/* --------------------------------- L'information en direct */
	#information_direct {
		width:282px;
		padding:10px 19px 4px 16px
	}
	#information_direct ul li {
		line-height:1.2em;
		padding:0 0 8px 0
	}
	#information_direct ul li span {
		display:block;
		font-weight:bold;
		color:#a60c0c;
		background:url(../images/background/plus_rouge.gif) no-repeat left 5px;
		padding:0 0 0 9px
	}
	#information_direct ul li a {color:#2c3e46}
	#information_direct #source {
		float:right;
		font-size:.9em
	}
	#information_direct #source a {color:#2c3e46}
/* --------------------------------- Bloc style */
	h2.style {
		float:left;
		width:100%;
		text-indent:8px;
		font-size:1.6em;
		font-weight:normal;
		color:#1875ad;
		border:0;
		background:#c6d6ed url(../images/background/titre_style.gif);
		padding:2px 0 0 0;
		margin:0
	}
	div.style {
		float:left;
		width:415px;
		color:#000;
		background:#efefef url(../images/background/style.gif) repeat-y;
		padding:10px 15px 0 18px
	}
	div.style h3 {
		font-size:1.2em;
		color:#000;
		margin:0 0 3px 0
	}
	div.style img {
		float:left;
		margin:0 10px 0 0
	}
	div.style p {
		line-height:1.5em;
		font-size:1.1em
	}
	div.lire_suite {
		float:left;
		width:100%;
		text-align:right;
		font-family:verdana;
		background:url(../images/background/savoir_plus_enjeux.gif) no-repeat;
		padding:6px 0 17px 0
	}
	div.lire_suite a {
		color:#000;
		padding:0 25px 0 0
	}
/* --------------------------------------------------------------------------------------------- Bottom */
	#bottom {
		display:inline;
		float:left;
		width:804px;
		font-size:1.1em;
		background:#285d75 url(../images/background/bottom.gif) repeat-x;
		margin:-150px 184px 0 0
	}
/* ------------------------------------------------------------------------- Blocs */
	#bottom div.bloc_bottom {
		float:left;
		min-height:150px;
		background:url(../images/background/bottom_separation.gif) no-repeat right top
	}
	* html #bottom div.bloc_bottom {height:150px}
	#bottom #noeud_parent_10354 {
		width:203px;
		padding:0 12px
	}
	#bottom #bottom_02 {
		width:216px;
		padding:0 0 0 9px
	}
	#bottom #noeud_parent_10360 {
		width:149px;
		padding:0 17px
	}
	#bottom #noeud_parent_10364 {
		width:137px;
		background:none;
		padding:0 16px
	}
/* ------------------------------------------------------------------------- Titre */
	#bottom div.bloc_bottom span.titre {
		display:block;
		font-size:1.2em;
		font-weight:bold;
		color:#fff;
		background:url(../images/background/fleche_bottom_blanc_bleu.gif) no-repeat left 6px;
		padding:0 0 0 15px;
		margin:2px 0 10px 0
	}
/* ------------------------------------------------------------------------- Image */
	#bottom #noeud_parent_10354 img {
		float:left;
		margin:0 15px 0 0
	}
/* ------------------------------------------------------------------------- Liste */
	#bottom div.bloc_bottom ul {
		float:left;
		padding:6px 0 0 0
	}
	#bottom div.bloc_bottom ul li {
		background:url(../images/background/fleche_right_blanc_bleu.gif) no-repeat left 4px;
		padding:0 0 0 14px;
		margin:0 0 4px 0
	}
	#bottom div.bloc_bottom ul li a {color:#fff}
/* ------------------------------------------------------------------------- Carousel */
	#bottom #bottom_02 a.next, #bottom #bottom_02 a.prev {
		float:left;
		margin:34px 0 0 0;
		cursor:pointer
	}
	#bottom #bottom_02 div.carousel {
		float:left;
		width:179px;
		border:1px solid #fff
	}
	#bottom #bottom_02 div.carousel ul {
		float:none;
		padding:0
	}
	#bottom #bottom_02 div.carousel ul li {
		width:160px;
		height:100px;
		background:none;
		padding:0;
		margin:0
	}
	#bottom #bottom_02 div.carousel ul li img {vertical-align:middle}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		display:inline;
		float:left;
		width:809px;
		background:#114d6b url(../images/background/footer.gif) repeat-y right top;
		padding:7px 0;
		margin:0 179px 3px 0
	}
	#footer ul {
		float:right;
		font-family:arial;
		font-size:1.1em;
		color:#fff
	}
	#footer ul li {
		display:inline;
		margin:0 16px 0 0
	}
	#footer ul #flux_rss {
		background:url(../images/background/flux_rss.gif) no-repeat left 2px;
		padding:0 0 0 18px
	}
	#footer ul li a {
		color:#fff;
		margin:0 16px 0 0
	}
/* --------------------------------------------------------------------------------------------- Copyright */
	#copyright {
		font-family:verdana;
		font-size:.9em;
		color:#fff;
		padding:0 0 0 6px
	}
	#copyright a {
		color:#fff;
		text-decoration:underline
	}
	#copyright a:hover, #copyright a:focus, #copyright a.focus {text-decoration:none}



/* ----------------------------------------------------- Slider Container */

	#sub_header {
		position:relative;
		background:#fff;
		padding:5px;
	}
	#sub_header #recherche{
		top: -40px;
		position: absolute;
		right: 0;
	}
	#slider_container {
		width:960px;
		height:200px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:#151515; /* fallback */
		background:rgba(0,0,0,0.5);
		border: 1px solid #999999;
		border: 1px solid rgba(255,255,255,0.3);
		-moz-box-shadow:inset 0px 0px 5px rgba(255,255,255,0.6);
		-webkit-box-shadow:inset 0px 0px 5px rgba(255,255,255,0.6);
		box-shadow:inset 0px 0px 5px rgba(255,255,255,0.6);
		padding:8px;
		overflow:hidden;
	}
	#slider {
		float:left;
		width:640px;
		border: 1px solid #717377;
	}
	#slider ul {}
	#slider ul li {position:relative;}
	.slider_img {
		z-index:10;
	}
	.slider_title {
		position:absolute;
		bottom:0;
		left:0;
		background:#e2e2e2; /* fallback */
		background:rgba(255,255,255,0.5);
		color:#000;
		padding:5px;
	}
	.slider_title a {
		color:#000;
	}
	#slider .prev, #slider .next {
		position:absolute;
		top:80px;
		z-index:100;
	}
	#slider .prev {left:5px;}
	#slider .next{left:590px;}

/* ------------------------------------------------------------------------- Affiches */
	#affiches {
		float:left;
		width:318px;
	}
	#affiches ul {
		list-style-type:none;
	}
	#affiches ul li {
		float:left;
		border: 1px solid #717377;
		margin:0 0 0 7px;
	}
	 
	#main #affiches a.externe {
		padding:0;
	}