/* CSS styles of conservatoiresitesnpc.org by Open Resources www.openresources.fr */

/*  ----------------------------------------------------------- */
/*  Balises generales */
/*  ----------------------------------------------------------- */

*{margin:0px; padding:0px; font-size:11px; color:#181818;}

body {background:#eceed5 url('/images/bg-fond-site.gif') repeat-x top left; text-align:center; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}

div#global {margin:0 auto; position:relative; text-align:left; width:999px; background:#fff url('/images/bg-contenu.png') repeat-y;}

img{border:0}

a:hover{text-decoration:none;}

br.cleaner {clear:both; height:0px; font-size:0px; border:none; margin:0; padding:0; background:transparent;}

/*  ----------------------------------------------------------- */
/*  Header */
/*  ----------------------------------------------------------- */

	div#global div#header {float:left; width:999px;}
	
		/*  Pré header */
		div#global div#header div#preheader {float:left; width:999px; background:#fff;}
	
		div#global div#header div#preheader div#extranet {float:left; padding:3px 141px;}
		div#global div#header div#preheader div#extranet span.tit_extranet {float:left; background:url('/images/bg-tit-extranet.gif') no-repeat; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:4px 0 4px 14px; width:97px;}
		div#global div#header div#preheader div#extranet div.int_champ {float:left; padding:4px 14px 0 0; width:100px; text-align:right;}
		div#global div#header div#preheader div#extranet div.champ {float:left; margin-top:2px; width:150px;}
			div#global div#header div#preheader div#extranet div.champ.v02 {width:184px;}
		div#global div#header div#preheader div#extranet div.champ input.champ_form {border:1px solid #ccc; height:17px; width:148px; color:#868686; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:2px 0 0 2px;}
		div#global div#header div#preheader div#extranet div.champ a.link_perdu {float:right; position:relative; color:#868686; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
		div#global div#header div#preheader div#extranet div.champ a.bt_ok01 {float:right; height:17px; color:#fff; text-align:center; padding:3px 5px 1px 5px; background:#97c55c;}
			/* mdp perdu */
			div#global div#header div#preheader div#extranet #mdp_perdu {position:absolute; top:28px; right:150px; width:240px; background:#fff; border:3px solid #97c55c; z-index:10000; padding:5px;}
			div#global div#header div#preheader div#extranet #mdp_perdu span {float:left; font-size:13px; font-weight:bold;}
			div#global div#header div#preheader div#extranet #mdp_perdu p {float:left; padding:5px 0;}
			div#global div#header div#preheader div#extranet #mdp_perdu input.champ_form {float:left; border:1px solid #ccc; height:17px; width:170px; color:#868686; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:2px 0 0 2px; margin-right:5px;}
			div#global div#header div#preheader div#extranet #mdp_perdu a.bt_ok02 {float:left; height:17px; color:#fff; text-align:center; padding:3px 5px 1px 5px; background:#97c55c;}
			div#global div#header div#preheader div#extranet #mdp_perdu a.bt_close {float:right; position:relative; right:0px; top:-5px; color:#000; font-weight:bold; text-align:center;}
		
		div#global div#header div#preheader div#languages {float:right; width:33px; background:url('/images/bg-separation-langues.gif') no-repeat left top;}
		div#global div#header div#preheader div#languages a {float:left; padding:1px; width:18px; height:12px; color:#333; margin:2px 0 0 10px;}
		div#global div#header div#preheader div#languages a.fr {background:url('/images/drapeau-fr.gif') no-repeat;}
		div#global div#header div#preheader div#languages a.en {background:url('/images/drapeau-en.gif') no-repeat;}
	
	div#global div#header div#bloc_header {float:left; position:relative; top:0; background:url('/images/bg-cache-head-top2.png') no-repeat; width:999px; height:17px;}
		
		div#global div#header div#bloc_header h1 {float:left; width:369px; height:193px; z-index:3; position:absolute;}
		
		div#global div#header div#bloc_header div#bloc_newsrech {float:right; width:252px; margin-right:18px; position:absolute; top:0; right:0; z-index:2;}
		
			div#global div#header div#bloc_header div#bloc_newsrech div#newsletter {float:left; background:url('/images/bg-newsletter-head.png') no-repeat bottom; width:252px; margin-bottom:40px; padding-top:10px;}
			div#global div#header div#bloc_header div#bloc_newsrech div#newsletter a {float:left;}
			div#global div#header div#bloc_header div#bloc_newsrech div#newsletter p {float:left; font-weight:bold; padding:10px;}
			div#global div#header div#bloc_header div#bloc_newsrech div#newsletter p input.champ_newsletter {float:left; width:203px; border:1px solid #ccc; height:19px; padding:3px 0 0 3px; margin-top:6px;}
			
			div#global div#header div#bloc_header div#bloc_newsrech div#recherche {float:left; width:252px;}
			div#global div#header div#bloc_header div#bloc_newsrech div#recherche a {float:left;}
			div#global div#header div#bloc_header div#bloc_newsrech div#recherche span.loupe {float:left; background:url('/images/bg-recherche-loupe.png') no-repeat left; height:24px; width:29px;}
			div#global div#header div#bloc_header div#bloc_newsrech div#recherche input.champ_recherche {float:left; background:#bdb28e; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:none; border-right:none; height:19px; width:194px; color:#fff; padding:3px 0 0 3px;}
			
	div#global div#header div#header_ambiance {float:left; height:231px; background:#fff url('/images/bg-contenu.png') repeat-y;}
	div#global div#header div#header_ambiance div#visu_ambiance_header {float:left; padding:0 0 0 3px; margin:-11px 0 0 0;}
	div#global div#header div#header_ambiance div#visu_ambiance_header div#mots_header {z-index:1; position:absolute; /*top:86px; left:200px;*/top:70px; left:0; /*background:url('/images/mots-header.png') no-repeat;*/ width:511px; height:138px;}
	
	/*  Navigation haute */
	div#global div#header div#header_ambiance div#navigation {float:left; position:relative; top:-20px; left:3px; background:url('/images/bg-cache-head-bottom.png') no-repeat; width:993px; height:53px;}
	div#global div#header div#header_ambiance div#navigation div.nav {float:left; background:#eee; width:993px; height:30px; margin-top:20px;}
		div#global div#header div#header_ambiance div#navigation div.nav ul {float:left; list-style-type:none; width:993px;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li {/*float:left;*/ margin-right:2px; display:inline;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a{margin-right:1px;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.vert {float:left; display:block; background:url('/images/bg-btn-vert01.png') no-repeat left; height:28px; color:#fff; text-decoration:none;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.vert span {float:left; display:block; background:url('/images/bg-btn-vert02.png') no-repeat right; margin-left:20px; _margin-left:10px; height:21px; padding:7px 6px 0 6px; color:#fff; font-size:12px; cursor:pointer;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.orange {float:left; display:block; background:url('/images/bg-btn-orange01.png') no-repeat left; height:28px; color:#fff; text-decoration:none;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.orange span {float:left; display:block; background:url('/images/bg-btn-orange02.png') no-repeat right; margin-left:20px; _margin-left:10px; height:21px; padding:7px 6px 0 6px; color:#fff; font-size:12px; cursor:pointer;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.bleu {float:left; display:block; background:url('/images/bg-btn-bleu01.png') no-repeat left; height:28px; color:#fff; text-decoration:none;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.bleu span {float:left; display:block; background:url('/images/bg-btn-bleu02.png') no-repeat right; margin-left:20px; _margin-left:10px; height:21px; padding:7px 6px 0 6px; color:#fff; font-size:12px; cursor:pointer;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.beige {float:left; display:block; background:url('/images/bg-btn-beige01.png') no-repeat left; height:28px; color:#fff; text-decoration:none;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.beige span {float:left; display:block; background:url('/images/bg-btn-beige02.png') no-repeat right; margin-left:20px; _margin-left:10px; height:21px; padding:7px 6px 0 6px; color:#fff; font-size:12px; cursor:pointer;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.saumon {float:left; display:block; background:url('/images/bg-btn-saumon01.png') no-repeat left; height:28px; color:#fff; text-decoration:none;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.saumon span {float:left; display:block; background:url('/images/bg-btn-saumon02.png') no-repeat right; margin-left:20px; _margin-left:10px; height:21px; padding:7px 6px 0 6px; color:#fff; font-size:12px; cursor:pointer;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.jaune {float:left; display:block; background:url('/images/bg-btn-jaune01.png') no-repeat left; height:28px; color:#fff; text-decoration:none;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.jaune span {float:left; display:block; background:url('/images/bg-btn-jaune02.png') no-repeat right; margin-left:20px; _margin-left:10px; height:21px; padding:7px 6px 0 6px; color:#fff; font-size:12px; cursor:pointer;}
		
		div#global div#header div#header_ambiance div#navigation div.nav ul li a:hover span {color:#181818;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a span#menu_orange.on {color:#181818;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a span#menu_bleu.on {color:#181818;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a span#menu_beige.on {color:#181818;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a span#menu_saumon.on {color:#181818;}
		
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.presse {float:left; color:#8e856a; font-size:12px; background:url('/images/picto-presse.png') 0 3px no-repeat; padding-left:30px; height:22px; padding-top:6px; text-decoration:none;}
		div#global div#header div#header_ambiance div#navigation div.nav ul li a.librairie {float:left; color:#8e856a; font-size:12px; background:url('/images/picto-librairie.png') 0 2px no-repeat; padding-left:26px; height:22px; padding-top:6px; text-decoration:none;}
		
		div#global div#header div#header_ambiance div#navigation div.nav ul span.separation_nav {float:left; background:url('/images/separation-nav.png') repeat-y; width:2px; height:28px; margin:0 3px;}
		
		/*Navigation bloc qui se déplient*/
		div#global div#header div#header_ambiance div.navigation_bloc {position:absolute; padding:8px; font-size:10px;}
		div#global div#header div#header_ambiance div.navigation_bloc a {float:left; font-size:10px; text-decoration:none; padding:3px 0; width:100%;}
		div#global div#header div#header_ambiance div.navigation_bloc a:hover {color:#fff;}
				
			/*Contextualisation par dossier*/
			div#decouvrir-csn {top:264px; !top:272px; _top:270px; left:78px; _left:78px; background:#fcb47a; width:120px; _width:118px;}
			div#sites-proteges {top:264px; !top:272px; _top:270px; left:215px; background:#6cc7cf; width:133px; _width:132px;}
			div#grands-rendezvous {top:264px; !top:272px; _top:270px; left:365px; background:#d8cb9d; width:169px; _width:168px;}
			div#nous-rejoindre {top:264px; !top:272px; _top:270px; left:551px; _left:548px; background:#f4a8ad; width:109px; _width:107px;}
		
		/* zone header logue*/
		div#global div#header #log {float:left; width:955px;}
		div#global div#header #log p {float:right; padding-top:5px;}

/*  ----------------------------------------------------------- */
/*  Contenus */
/*  ----------------------------------------------------------- */

	div#global div#content {float:left; width:999px; background:#fff url('/images/bg-contenu.png') repeat-y; padding-bottom:20px;}
	
		div#global div#content div#contenu div#fil_ariane {float:left; width:100%; background:url('/images/bg-filariane.png') repeat-x; height:19px; color:#9c998f; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0 2px;}
		div#global div#content div#contenu div#fil_ariane a {color:#9c998f;}
		
		/*générique*/
		div#global div#content div#contenu {float:left; width:746px; margin:12px; _margin:0 0 0 6px; margin-top:0;}
		div#global div#content div#contenu h2 {float:left; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:24px; font-weight:bold; /*width:100%;*/ padding-top:10px;}
		div#global div#content div#contenu h3 {float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-weight:bold; width:100%;}
		div#global div#content div#contenu h3  a{color:#88ac52;font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-weight:bold;}
		div#global div#content div#contenu p.txt {float:left; padding:10px 40px 0 3px; text-align:justify;}
		div#global div#content div#contenu ul {float:left; list-style-type:none; padding:10px;}
		div#global div#content div#contenu ul li {background:url('/images/bg-li.gif') 0 6px no-repeat; padding-left:10px; padding-bottom:3px;}
			/* contexte membres extranet */
			div#global div#content div#contenu ul.liste_membres {width:353px;}
			div#global div#content div#contenu ul.liste_membres li {width:353px; padding-bottom:15px;}
			
		div#global div#content div#contenu .blanc {color:#fff;}
		div#global div#content div#contenu .vert {color:#88ac52;}
		div#global div#content div#contenu .orange {color:#d56b16;}
		div#global div#content div#contenu .bleu {color:#438f96;}
		div#global div#content div#contenu .beige {color:#877c5c;}
		div#global div#content div#contenu .saumon {color:#b34f5a;}
		div#global div#content div#contenu .jaune {color:#b48d25;}
		div#global div#content div#contenu .violet {color:#9192c0;}
		div#global div#content div#contenu .lavande {color:#87a2c8;}
		div#global div#content div#contenu .violine {color:#a04f7e;}
		div#global div#content div#contenu .vert2 {color:#b2b552;}
		div#global div#content div#contenu .anis {color:#d2cb43;}
		
		div#global div#content div#contenu sup.sup {font-size:9px;}
		
		a.btn {/*float:left;*/ border:1px solid #ccc; padding:5px; text-decoration:none; font-weight:bold;}
		a.btn span {float:left; font-size:8px; font-face:Arial, Helvetica, sans-serif; font-weight:bold; padding:2px 6px 0 0;}
		
		a.btn_orange2 {float:left; background:#F6A86B; text-decoration:none; padding:4px;}
		
		a.btn_jaune {float:right; background:url('/images/bg-btn-jaune-g.gif') no-repeat; height:43px; text-decoration:none;}
		a.btn_jaune span {float:left; background:url('/images/bg-btn-jaune-d.gif') no-repeat right; margin-left:16px; color:#fff; font-weight:bold; font-size:14px; height:31px; padding:12px 14px 0 0;}
		
		a.btn_saumon {float:left; background:url('/images/bg-btn-saumon-g.gif') no-repeat; height:43px; text-decoration:none;}
		a.btn_saumon span {float:left; background:url('/images/bg-btn-saumon-d.gif') no-repeat right; margin-left:16px; color:#fff; font-weight:bold; font-size:14px; height:31px; padding:12px 14px 0 0;}
		
		a.btn_beige2 {float:left; background:#d8cb9e; text-decoration:none; padding:4px;}
		
		a.pdf {color:#181818; background:url('/images/picto-pdf.png') no-repeat; padding:5px 0 5px 26px; text-decoration:none;}
		a.pdf.left {float:left;}
		
		a.word {float:left; color:#fff; background:url('/images/picto-word.png') no-repeat; padding:5px 0 5px 26px; text-decoration:none;}
		a.word2 {float:left; background:url('/images/picto-word.png') no-repeat; padding:5px 0 5px 26px; text-decoration:none;}
			
		span.separation {float:left; height:1px; background:#c2b791; margin:10px 0; width:100%;}
		span.separation_blanc {float:left; height:1px; background:#fff; margin:10px 0; _margin:5px 0; width:100%; _width:0;}
			
		/*spécifique à HP*/
		div#global div#content div#contenu.hp {float:left; background:url('/images/fr/bg-home.jpg') no-repeat right top;}		
		div#global div#content div#contenu.hp h2 {color:#769f37; font-size:24px; padding-top:0;}
		div#global div#content div#contenu.hp h3 {color:#769f37; font-size:18px;}		
		div#global div#content div#contenu.hp p.txt.hp{width:430px;}
		
		div#global div#content div#contenu.hp div#bloc_membre {float:left; border:1px solid #cddcae; width:432px; margin-left:8px; background:#fff;}
		div#global div#content div#contenu.hp div#bloc_membre p {float:left; color:#6e6d6a; /*width:140px;*/width:402px; padding:10px;}
		div#global div#content div#contenu.hp div#bloc_membre p b {color:#6e6d6a;}
		div#global div#content div#contenu.hp div#bloc_membre div.logo {float:left;}
		div#global div#content div#contenu.hp div#bloc_membre div.logo a {margin:0 10px;}
		
		div#global div#content div#contenu.hp div#btn_rejoindre {float:right; background:url('/images/bg-btn-rejoindre.gif') no-repeat; width:198px; height:49px; color:#fff; text-align:center; padding:12px 10px 10px 16px; margin:53px 20px 0 0;}
		div#global div#content div#contenu.hp div#btn_rejoindre a {float:left; color:#fff; font-size:12px; text-decoration:none; line-height:16px;}
		div#global div#content div#contenu.hp div#btn_rejoindre a b {float:left; color:#fff;}
		
		/*spécifique aux pages intérieures*/
		div#global div#content div#contenu div#intro {float:left; background:url('/images/bg-intro-page.jpg') no-repeat bottom; width:734px; padding-bottom:10px;}
		div#global div#content div#contenu div#intro p {padding-left:10px; line-height:14px;}
		div#global div#content div#contenu div#intro div.schema_fonctionnement {float:left; background:url('/images/schema-fonctionnement.png') no-repeat; width:522px; height:166px; margin-left:100px; _margin-left:50px; margin-top:20px;}
		
		div#global div#content div#contenu div#intro.reserves {width:501px;}
		
		div#global div#content div#contenu img.visu_articles {float:right; /*border:1px solid #ccc;*/ margin:14px 14px 0 0;}
		div#global div#content div#contenu img.visu_articles2 {float:left; border:1px solid #ccc; margin:14px 14px 0 0;}
		div#global div#content div#contenu img.visu_articles3 {float:left; border:1px solid #ccc; margin:14px 14px 0 20px;}
		div#global div#content div#contenu p.txt.visu {width:451px;}
		div#global div#content div#contenu p.txt.visu_diapo {width:326px;}
		div#global div#content div#contenu p.txt.visu_agenda {width:352px;}
		div#global div#content div#contenu p.txt.recherche {width:280px;}
		div#global div#content div#contenu p.txt.recherchelong {width:651px;}
			div#global div#content div#contenu p.txt.recherchelong a {float:left; background:url('/images/bg-li.gif') 0 5px no-repeat; padding-left:10px; margin-bottom:5px;}
		
		div#global div#content div#contenu div.bloc_agenda {float:left; margin:20px 0 0 10px; width:693px;}
		div#global div#content div#contenu div.bloc_agenda h3 {float:left; background:url('/images/bg-tit-agenda-long.png') no-repeat; width:653px; height:30px; padding:8px 0 0 40px;}
		div#global div#content div#contenu div.bloc_agenda div.contenu_agenda {float:left; border:1px solid #ccc; border-top:none; background:#eee; padding:20px; width:651px;}
		div#global div#content div#contenu div.bloc_agenda div.contenu_agenda div.bloc_info_agenda {float:left; background:#fff; padding:4px 8px 10px 16px; width:628px; margin-bottom:10px;}
		div#global div#content div#contenu div.bloc_agenda div.contenu_agenda div.bloc_info_agenda span.tit_info_agenda {float:left; font-weight:bold; background:url('/images/bg-sep-agenda.png') repeat-x bottom; width:610px; padding-bottom:4px; margin-bottom:4px;}
		
		div#global div#content div#contenu div.bloc_asavoir {float:left; margin:20px 0 0 10px; width:693px;}
		div#global div#content div#contenu div.bloc_asavoir h3 {float:left; background:url('/images/bg-tit-asavoir-long.png') no-repeat; width:653px; height:30px; padding:8px 0 0 40px;}
		div#global div#content div#contenu div.bloc_asavoir div.contenu_asavoir {float:left; border:1px solid #ccc; border-top:none; background:#eee; padding:10px 20px; width:651px;}
		div#global div#content div#contenu div.bloc_asavoir div.contenu_asavoir ul {float:left;}
		div#global div#content div#contenu div.bloc_asavoir div.contenu_asavoir ul li {background:url('/images/bg-li-asavoir.gif') 0 4px no-repeat;}
		
		div#global div#content div#contenu div.bloc_lienssup {float:right; margin:10px 14px 0 0; padding:8px; border:1px solid #ccc; width:201px; background:#fff;}
		div#global div#content div#contenu div.bloc_lienssup a {text-decoration:none;}
		div#global div#content div#contenu div.bloc_lienssup a:hover {font-weight:bold;}
		
		/*Pages decouvrir csn*/
		div#global div#content div#contenu div.visu_missions_connaitre {float:left; margin-left:20px; _margin-left:10px; width:154px; height:98px; background:url('/images/visu-connaitre.jpg') no-repeat;}
		div#global div#content div#contenu div.visu_missions_proteger {float:left; margin-left:20px; _margin-left:10px; width:154px; height:98px; background:url('/images/visu-proteger.jpg') no-repeat;}
		div#global div#content div#contenu div.visu_missions_gerer {float:left; margin-left:20px; _margin-left:10px; width:154px; height:112px; background:url('/images/visu-gerer.jpg') no-repeat;}
		div#global div#content div#contenu div.visu_missions_valoriser {float:left; margin-left:20px; _margin-left:10px; width:154px; height:102px; background:url('/images/visu-valoriser.jpg') no-repeat;}
		div#global div#content div#contenu div.bloc_missions {float:left; margin-left:20px; _margin-left:10px; width:538px;}
		
		div#global div#content div#contenu div.bloc_membre {float:left; background:url('/images/bg-photo-membre.jpg') no-repeat right bottom; width:233px; margin:0 9px 14px 6px;}
		div#global div#content div#contenu div.bloc_membre img {float:left; background:url('/images/bg-img-membre.gif') no-repeat; padding:2px;}
		div#global div#content div#contenu div.bloc_membre span.tit_membre {float:left; width:149px; padding:40px 0 0 6px; font-family:Arial, Helvetica, sans-serif;}
		
		table.table_membres {border-left:1px solid #ccc; border-top:1px solid #ccc;}
		table.table_membres th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px; background:#eee;}
		table.table_membres td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:4px;}
		
		div#global div#content div#contenu div.bloc_partenaire {float:left; border:1px solid #ccc; padding:8px; width:226px; margin:0 4px 4px 0; text-align:center; height:160px;}
		div#global div#content div#contenu div.bloc_partenaire img {margin:4px;}
		
		/*Pages grands rendez-vous*/
		div#global div#content div#contenu div.visu_intro_grandrdv {float:left; /*border:1px solid #ccc;*/ margin-left:10px; margin-top:8px; width:166px; height:106px;}
		div#global div#content div#contenu div.bloc_grdv {float:left; margin-left:20px; width:538px;}
		
		/*Pages sites proteges*/
		div#global div#content div#contenu div#intro a.btn_carte {float:left; text-decoration:none; padding:1px 0 0 20px; width:200px; margin:0 0 10px 0;}
			div#global div#content div#contenu div#intro a.btn_carte img {float:left;}
			div#global div#content div#contenu div#intro a.btn_carte span {float:left; padding:6px 0 0 10px;}
		
		div#global div#content div#contenu a.btn_patrimoine {float:left; color:#72a639; font-weight:bold; text-decoration:none; width:179px; height:48px; font-size:10px; background:url('/images/btn-patrimoine-off.gif') no-repeat;}
		div#global div#content div#contenu a.btn_patrimoine img {float:left; margin:5px 0 0 7px;}
		div#global div#content div#contenu a.btn_patrimoine span {float:left; padding-left:25px; padding-top:16px; color:#72a639; font-size:10px;}
		div#global div#content div#contenu a.btn_patrimoine:hover {background:url('/images/btn-patrimoine-on.gif') no-repeat;}
		div#global div#content div#contenu a.btn_patrimoine.on {background:url('/images/btn-patrimoine-on.gif') no-repeat;}
					
		div#global div#content div#contenu div.bloc_patrimoine {float:left; margin:20px 0 0 4px; width:710px;}
		div#global div#content div#contenu div.bloc_patrimoine div.bloc_info_patrimoine {float:left; width:338px; border-right:1px solid #ccc; padding:0 8px 8px 0; margin-right:8px;}
		div#global div#content div#contenu div.bloc_patrimoine div.bloc_info_patrimoine span.tit {float:left; font-weight:bold; margin-bottom:10px;}
		div#global div#content div#contenu div.bloc_patrimoine div.bloc_info_patrimoine p.txt {float:left; width:170px; padding:0;}
		div#global div#content div#contenu div.bloc_patrimoine div.bloc_info_patrimoine img {float:right; border:1px solid #ccc;}
		
		div#global div#content div#contenu div.bloc_intro_patrimoine {float:left; width:702px; padding:6px 0 20px 0; color:#438F96;}
		div#global div#content div#contenu div.bloc_intro_patrimoine b {color:#438F96;}
		
		div#global div#content div#contenu div.bloc_info_reserves {float:left; width:330px; border:1px solid #ccc; background:#f7f4eb; padding:10px; margin:0 20px 20px 0; min-height:150px;}
		div#global div#content div#contenu div.bloc_info_reserves p.txt {padding:0;}
		
		div#global div#content div#contenu span.tit_reserves {float:left; background:url('/images/patrimoine-naturel/tit-reserves.gif') no-repeat; width:182px; height:23px; margin-top:10px;}
		
		div#global div#content div#contenu p.txt.reserves {margin-left:20px; width:334px;}
		
		div#global div#content div#contenu div.bloc_identite {float:left; width:334px; margin-top:10px;}
		div#global div#content div#contenu div.bloc_identite span.tit_ident {float:left; font-weight:bold; width:114px; margin-bottom:6px;}
		div#global div#content div#contenu div.bloc_identite span.txt_ident {float:left; width:220px; margin-bottom:6px;}
		
		div#global div#content div#contenu div.bloc_reglementation {float:left; width:338px; background:#f7f4eb; margin-left:30px; padding:6px; font-weight:bold;}
		div#global div#content div#contenu div.bloc_reglementation img {margin:10px 1px 0 0;}
		
		div#global div#content div#contenu a.btn_plan_acces {float:right; color:#3b99a1; font-weight:bold; margin:10px 30px 0 0;}
		
		/* pop up zoom*/
			
		div#global div.popup {float:left; position:absolute;  margin:auto; background:#E7E2DB; border:1px solid #ccc;}
		div#global div.popup a.btn_fermer {float:right; position:absolute; top:0; right:0;}
		
		div#global div.popup.zoom {top:1100px; left:150px;}
		div#global div.popup.acces {top:750px; left:150px;}
		
		div#contenu div#contenu_reserves {float:left; width:336px; height:252px; margin-top:10px;}
	
			div#contenu_reserves div.scrollable {position:relative; overflow:hidden; width:336px; height:234px;} 
			div#contenu_reserves div.scrollable div.items {width:20000em; position:absolute;} 
			div#contenu_reserves div.scrollable div.items div {float:left; width:336px; height:234px;}
				div#contenu_reserves div.scrollable div.items div img.visu_reserve {float:left; width:334px; height:232px; border:1px solid #ccc;}
				div#contenu_reserves div.scrollable div.items div p {float:left; padding:0 11px 0 0; width:324px; height:23px; line-height:normal; color:#fff; font-weight:bold; font-size:15px; text-align:right; margin-top:-35px; _margin-top:-40px;}
			div#contenu_reserves div#main_navi_reserves {float:left; padding:0; height:33px;}
				div#contenu_reserves div#main_navi_reserves div {float:left; width:19px; height:17px; color:#fff; line-height:12px; text-align:center; padding:0; margin:0 0 0 0; display:block; background:url('/images/patrimoine-naturel/numerotation-on.gif') no-repeat;}
				div#contenu_reserves div#main_navi_reserves div.active {float:left; width:19px; height:17px; color:#fff; line-height:12px; text-align:center; padding:0; margin:0 0 0 0; display:block;background:url('/images/patrimoine-naturel/numerotation-off.gif') no-repeat;}
				div#contenu_reserves div#main_navi_reserves div#prem_bt, div#contenu_reserves div#main_navi_reserves div#prem_bt.active {margin-left:221px; _margin-left:110px;}
		
		/*Pages contact*/
		div#global div#content div#contenu div.bloc_adresse_contact {float:left; background:url('/images/bg-bloc-contact.gif') no-repeat; width:648px; height:238px; margin:20px 0 0 20px; padding:10px;}
		div#global div#content div#contenu div.bloc_adresse_contact div.bloc_adresse {float:left; /*width:320px;*/width:235px;}
		div#global div#content div#contenu div.bloc_adresse_contact div.bloc_adresse a {float:right; background:url('/images/bg-fleche-googlemapplan.gif') 0 5px no-repeat; padding-left:8px; font-size:10px;}
		div#global div#content div#contenu div.bloc_adresse_contact img {float:right; margin:4px 14px 0 0;}
		
		div#global div#content div#contenu div.form_contact {float:left; width:430px; padding:10px; margin-left:120px; _margin-left:60px;}
		div#global div#content div#contenu div.form_contact div.tit_champ {float:left; text-align:right; width:120px; color:#d8a423; padding:3px 10px 0 0;}
		div#global div#content div#contenu div.form_contact input.input {float:left; background:url('/images/bg-champ.gif') repeat-x; height:18px; border:1px solid #ccc; width:290px; margin-bottom:4px;}
		div#global div#content div#contenu div.form_contact select.select {float:left; background:url('/images/bg-champ.gif') repeat-x; height:20px; border:1px solid #ccc; width:292px; margin-bottom:4px;}
		div#global div#content div#contenu div.form_contact textarea.textarea {float:left; background:url('/images/bg-textarea.gif') repeat-x; height:48px; border:1px solid #ccc; width:290px; margin-bottom:4px;}
		
		/*Pages services*/
		div#global div#content div#contenu div.visu_librairie {float:left; width:220px; margin-left:10px;}
		div#global div#content div#contenu div.visu_librairie img {float:right; border:1px solid #ccc;}
		div#global div#content div#contenu div.bloc_infos_librairie {float:left; width:470px; padding-left:20px;}
		div#global div#content div#contenu div.bloc_infos_librairie span.date {float:left; padding:4px; background:#eee; width:440px; font-size:9px; text-transform:uppercase;}
		div#global div#content div#contenu div.bloc_infos_librairie div.bloc_prix {float:left; width:440px; background:#94bc56; margin-top:10px; padding:10px;}
		div#global div#content div#contenu div.bloc_infos_librairie div.bloc_prix./*bleu*/violet {background:/*#61abb2;*/#9192c0;}
		div#global div#content div#contenu div.bloc_infos_librairie div.bloc_prix div.prix {float:left; width:280px;}
		div#global div#content div#contenu div.bloc_infos_librairie div.bloc_prix div.prix span.prix_infos {float:left; font-size:14px; color:#fff; font-weight:bold; width:100%;}
		div#global div#content div#contenu div.bloc_infos_librairie div.bloc_prix div.prix span.prix_infosplus {float:left; font-style:italic; font-size:10px;}
		div#global div#content div#contenu div.bloc_infos_librairie div.bloc_prix a.pdf {float:right; color:#fff; text-decoration:none; background:url('/images/picto-pdf.png') 0 2px no-repeat; padding-left:30px;}
		div#global div#content div#contenu div.bloc_infos_librairie div.bloc_prix a.pdf_left {float:left; color:#fff; text-decoration:none; background:url('/images/picto-pdf.png') 0 2px no-repeat; padding:5px 0 5px 30px; margin-bottom:3px;}
		div#global div#content div#contenu div.bloc_infos_librairie a.pdf_noir {float:left; color:#181818; background:url('/images/picto-pdf.png') no-repeat; padding:5px 0 5px 30px; text-decoration:none;}
		div#global div#content div#contenu div.bloc_infos_librairie div.bloc_prix a.btn {float:left; border:none; color:#fff; font-weight:normal; background:url('/images/bg-feuille.png') 8px 7px no-repeat; padding-left:30px;}
		
		div#global div#content div#contenu div.bloc_livretsnature {float:left; width:186px;}
		div#global div#content div#contenu div.bloc_coffret {float:left; background:#eaf2dd; /*width:734px;*/ width:420x; margin:20px 130px 0 130px; padding:10px; border:1px solid #ccc;}
		div#global div#content div#contenu div.bloc_coffret p.txt {float:left; width:270px;}
		div#global div#content div#contenu div.visu_zones_humides {float:left; width:180px;}
		
		/*Page nous rejoindre*/
		div#global div#content div#contenu div.bloc_postuler {float:left; margin:20px 140px 0 140px; background:#fee9eb; border:1px solid #ccc; padding:10px; width:410px;}
		
		/*Plan du site*/
		div#global div#content div#contenu ul.plansite {float:left; padding:10px 0 10px 10px;}
		div#global div#content div#contenu ul.plansite li {font-size:12px; font-weight:bold; padding:0 0 8px 10px;}
		div#global div#content div#contenu ul.plansite li a {font-size:12px; text-decoration:none;}
		div#global div#content div#contenu ul.plansite li ul {float:left; padding:5px 0 0 5px; margin:8px;}
		div#global div#content div#contenu ul.plansite li ul li {font-size:11px; background:url('/images/bg-tiret.png') 0 7px no-repeat; color:#181818;}
		div#global div#content div#contenu ul.plansite li ul li a {font-size:11px; text-decoration:none; font-weight:normal;}
		
		div#global div#content div#contenu ul.plansite li.fle_orange {background:url('/images/bg-fleche-orange02.png') 0 3px no-repeat; padding-left:14px;}
		div#global div#content div#contenu ul.plansite li ul.orange {background:#ffebdb; width:400px;}
		div#global div#content div#contenu ul.plansite li ul.vert {background:#e6fccf; width:400px;}
		
		div#global div#content div#contenu ul.plansite li.fle_vert {background:url('/images/bg-fleche-vert01.png') 0 3px no-repeat; padding-left:14px;}
		div#global div#content div#contenu ul.plansite li.fle_bleu {background:url('/images/bg-fleche-bleu03.png') 0 3px no-repeat; padding-left:14px;}
		div#global div#content div#contenu ul.plansite li.fle_beige {background:url('/images/bg-fleche-beige04.png') 0 3px no-repeat; padding-left:14px;}
		div#global div#content div#contenu ul.plansite li.fle_saumon {background:url('/images/bg-fleche-saumon05.png') 0 3px no-repeat; padding-left:14px;}
		div#global div#content div#contenu ul.plansite li.fle_jaune {background:url('/images/bg-fleche-jaune06.png') 0 3px no-repeat; padding-left:14px;}
		
		/*Appel d'offre*/
		/*div#global div#content div#contenu div.bloc_info_appeloffre {float:left; background:#eaf2dd; width:660px; padding:0 10px 10px 5px; min-height:20px; margin:4px 0 10px 10px;}*/
		div#global div#content div#contenu div.bloc_info_appeloffre {float:left; margin-bottom:10px;}
		div#global div#content div#contenu div.bloc_info_appeloffre span.date {float:left; border:1px dotted #ccc; padding:4px; background:#f4faea; width:653px;}
		div#global div#content div#contenu div.bloc_infos_date {float:left; border:1px dotted #ccc; padding:10px; margin:10px 0 0 0;}
		div#global div#content div#contenu div.bloc_infos_date span {float:left; width:210px;}
		
		div#global div#content div#contenu select.selec_appeloffre {float:left; margin:10px 0 0 0; border:1px solid #ccc; height:19px; width:300px;}
					
/*  ----------------------------------------------------------- */
/*  Colonne droite */
/*  ----------------------------------------------------------- */

	div#global div#content div#col_droite {float:left; width:217px; /*margin-right:12px;*/}
	div#global div#content div#col_droite span#top {float:left; background:url('/images/bg-coldroite-top.png') no-repeat bottom; width:217px; height:9px;}
	div#global div#content div#col_droite span#bas {float:left; background:url('/images/bg-coldroite-bas.png') no-repeat bottom; width:217px; height:13px;}
	
	div#global div#content div#col_droite div#milieu {float:left; background:url('/images/bg-coldroite-milieu.png') repeat-y top; width:195px; _width:207px; padding:0 11px 0 11px; _padding:0 5px 0 5px;}
	
	div#global div#content div#col_droite div#milieu div.navigation_droite {float:left; width:195px; margin-bottom:14px; _margin-left:3px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite span.top {float:left; height:9px; width:195px; line-height:9px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite span.bas {float:left; height:9px; width:195px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu {float:left; padding:6px; _padding:3px; width:183px; _width:177px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu.presse {_padding:3px 9px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu ul {float:left; list-style-type:none; width:183px; _width:177px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu ul li {float:left; padding:0 0 4px 12px; width:171px; _width:177px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu ul li a {float:left; font-weight:bold; text-decoration:none;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu ul li a:hover {color:#fff;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu ul li a.on {color:#fff;}
	
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu ul li ul.ssnav {float:left; padding:4px 0 0 8px; _padding:2px 0 0 4px; _width:172px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu ul li ul.ssnav li {background:url('/images/bg-tiret.png') 0 7px no-repeat; padding:0 0 2px 8px; _padding:0 0 1px 4px; width:154px; _width:160px;}
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu ul li ul.ssnav li a {font-size:11px; font-weight:normal; }
	
	div#global div#content div#col_droite div#milieu div.navigation_droite div.milieu span.tit_navigation {float:left; position:relative; top:-12px; _top:-8px; left:-2px; _left:1px; font-size:13px; font-weight:bold; background:url('/images/bg-tit-navdroite.png') no-repeat; width:179px; height:27px; padding:7px 0 0 8px; _padding:7px 0 0 10px;}
	
		/*Contextualisation navigation droite*/
		div#global div#content div#col_droite div#milieu div.navigation_droite.services span.top {background:url('/images/bg-navdroite-top-vert01.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.services span.bas {background:url('/images/bg-navdroite-bas-vert01.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.services div.milieu {background:#94bc56;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.services div.milieu ul li {background:url('/images/bg-fleche-vert01.png') 0 3px no-repeat;}
		
		div#global div#content div#col_droite div#milieu div.navigation_droite.decouvrir span.top {background:url('/images/bg-navdroite-top-orange02.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.decouvrir span.bas {background:url('/images/bg-navdroite-bas-orange02.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.decouvrir div.milieu {background:#f6a86b;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.decouvrir div.milieu ul li {background:url('/images/bg-fleche-orange02.png') 0 3px no-repeat;}
		
		div#global div#content div#col_droite div#milieu div.navigation_droite.sites span.top {background:url('/images/bg-navdroite-top-bleu03.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.sites span.bas {background:url('/images/bg-navdroite-bas-bleu03.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.sites div.milieu {background:#64b1b8;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.sites div.milieu ul li {background:url('/images/bg-fleche-bleu03.png') 0 3px no-repeat;}
		
		div#global div#content div#col_droite div#milieu div.navigation_droite.rdv span.top {background:url('/images/bg-navdroite-top-beige04.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.rdv span.bas {background:url('/images/bg-navdroite-bas-beige04.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.rdv div.milieu {background:#cabe96;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.rdv div.milieu ul li {background:url('/images/bg-fleche-beige04.png') 0 3px no-repeat;}
		
		div#global div#content div#col_droite div#milieu div.navigation_droite.rejoindre span.top {background:url('/images/bg-navdroite-top-saumon05.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.rejoindre span.bas {background:url('/images/bg-navdroite-bas-saumon05.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.rejoindre div.milieu {background:#fc909c;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.rejoindre div.milieu ul li {background:url('/images/bg-fleche-saumon05.png') 0 3px no-repeat;}
		
		div#global div#content div#col_droite div#milieu div.navigation_droite.contact span.top {background:url('/images/bg-navdroite-top-jaune06.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.contact span.bas {background:url('/images/bg-navdroite-bas-jaune06.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.contact div.milieu {background:#dbb553;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.contact div.milieu ul li {background:url('/images/bg-fleche-jaune06.png') 0 3px no-repeat;}
		
		div#global div#content div#col_droite div#milieu div.navigation_droite.extranet span.top {background:url('/images/bg-navdroite-top-vert01.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.extranet span.bas {background:url('/images/bg-navdroite-bas-vert01.png') no-repeat;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.extranet div.milieu {background:#93bb55;}
		div#global div#content div#col_droite div#milieu div.navigation_droite.extranet div.milieu ul li {background:url('/images/bg-fleche-vert01.png') 0 3px no-repeat;}
		/*fin Contextualisation navigation droite*/
	
		div#global div#content div#col_droite div#milieu div#agenda {float:left; width:195px; _margin-left:3px;}
		div#global div#content div#col_droite div#milieu div#agenda h2 {float:left; background:url('/images/bg-tit-agenda.png') no-repeat; width:155px; height:28px; font-size:14px; font-weight:bold; padding:10px 0 0 40px;}
		div#global div#content div#col_droite div#milieu div#agenda div#contenu_agenda {float:left; background:url('/images/bg-agenda.png') no-repeat bottom; width:169px; height:220px; padding:13px;}
	
			div#contenu_agenda div.scrollable {position:relative; overflow:hidden; width:169px; /*height:180px;*/height:220px;} 
			div#contenu_agenda div.scrollable div.items {width:20000em; position:absolute;} 
			div#contenu_agenda div.scrollable div.items div {float:left; width:169px; /*height:180px;*/}
				div#contenu_agenda div.scrollable div.items div img.visu_agenda {float:left;}
				div#contenu_agenda div.scrollable div.items div p {float:left; width:128px; padding:8px 20px 0 20px;} 
				div#contenu_agenda div.scrollable div.items div p a {color:#626262; text-transform:uppercase; font-size:9px; padding-top:3px;} 
			div.items div.active {border:1px inset #ccc; background-color:#fff; }
		
			div#contenu_agenda a.prev {position:relative; top:-64px; _top:-44px; width:11px; height:30px; cursor:pointer; background:url('/images/bg-btn-agenda-prec.png') no-repeat; display:block;}
			div#contenu_agenda a.next {position:relative; top:-94px; _top:-74px; left:158px; width:11px; height:30px; cursor:pointer; background:url('/images/bg-btn-agenda-suiv.png') no-repeat; display:block;}

		div#global div#content div#col_droite div#milieu div#asavoir {float:left; width:195px; margin-top:14px; _margin-left:3px;}
		div#global div#content div#col_droite div#milieu div#asavoir h2 {float:left; background:url('/images/bg-tit-asavoir.png') no-repeat; width:155px; height:28px; font-size:14px; font-weight:bold; padding:10px 0 0 40px;}
		div#global div#content div#col_droite div#milieu div#asavoir div#contenu_savoir {float:left; background:url('/images/bg-savoir.png') no-repeat bottom; width:169px; padding:13px;}
		div#global div#content div#col_droite div#milieu div#asavoir div#contenu_savoir p {float:left; text-align:justify; padding-top:8px;}
		
			div#contenu_savoir p a {float:left; color:#626262; text-transform:uppercase; font-size:9px; padding-top:3px;}
			
		/* Extranet */
		div#global div#content div#col_droite .info_extranet {float:left; width:179px; padding:5px; margin-top:14px; border:3px solid #97c55c; background:#fff;}
		div#global div#content div#col_droite .info_extranet span {float:left; font-size:13px; font-weight:bold;}
		div#global div#content div#col_droite .info_extranet p {float:left; padding:5px 0;}
		div#global div#content div#col_droite .info_extranet a {float:left;}
		
/*  ----------------------------------------------------------- */
/*  Extranet */
/*  ----------------------------------------------------------- */

	div#global div#content div#contenu #ecrire_com {float:left; width:718px; border:3px solid #97c55c; background:#e9f1dd; padding:5px;}
	div#global div#content div#contenu #ecrire_com textarea {float:left; width:514px; height:100px; margin-left:100px; border:none; background:#fff; padding:2px;}
	div#global div#content div#contenu #ecrire_com a {float:right; height:17px; color:#fff; text-align:center; padding:3px 5px 1px 5px; background:#97c55c; font-size:12px; font-weight:bold; margin:0 100px 5px 0; border:1px solid #000;}
	
	div#global div#content div#contenu #ancien_com {float:left; width:722px; border:1px solid #97c55c; background:#fff; padding:5px; margin-top:10px;}
	
	/* Nav Extranet */
	div#global div#header div#header_ambiance div#navigation.extranet {height:auto}
	div#global div#header div#header_ambiance div#navigation div.nav_extranet {float:left; background:#9fcb5f url('/images/bg-nav-extranet.gif') repeat-x; width:993px; min-height:30px; margin-top:20px;}
	
		div#global div#header div#header_ambiance div#navigation div.nav_extranet ul {float:left; list-style-type:none; width:993px;}
		div#global div#header div#header_ambiance div#navigation div.nav_extranet ul li {margin-right:2px; display:inline;}
		div#global div#header div#header_ambiance div#navigation div.nav_extranet ul li a {float:left; display:block; background:url('/images/bg-btn-extranet.png') no-repeat top left; height:23px; color:#fff; text-decoration:none; margin-right:1px; font-size:12px; padding:7px 10px 0 25px;}
		div#global div#header div#header_ambiance div#navigation div.nav_extranet ul li a:hover {color:#000;}

/*  ----------------------------------------------------------- */
/*  Footer */
/*  ----------------------------------------------------------- */

	div#global div#footer {float:left; width:999px; background:url('/images/bg-footer.png') no-repeat; height:24px; color:#fff; text-align:center; padding-top:5px; margin-bottom:4px;}
	div#global div#footer a {color:#fff;}