/*****************************/

/*****************************/

/*		Pimp refonte		 */

/*****************************/

/*****************************/

div#header p {

	margin: 0;

	padding: 0;

	border: 0;

	display: inline;

}





html, body {

	height: 100%;

}



body {

	margin:0;

	padding: 0;

	text-align: center;

	font: 77% arial, helvetica, sans-serif;

	}



div#conteneur {

	width: 760px;

	margin: 0 auto;

	text-align: left;

	background:#fff;

	color:#696969;

	}



a img {

	border:0;

	}



h1 {

	margin:0;

	padding:0;

	text-align:left;

	color: #fff;

	font-size: 1em;

	font-weight: bold;

	width: 80%;

	float: left;

}



body#comprendre h1 a {

	display:block;

	background:url(../images/t-orange.gif) no-repeat;

	width:182px;

	height:26px;

	}



body#decouverte h1 a {

	display:block;

	background:url(../images/t-bleu.gif) no-repeat;

	width:182px;

	height:26px;

	}



body#approfondir h1 a {

	display:block;

	background:url(../images/t-vert.gif) no-repeat;

	width:182px;

	height:26px;

	}



body#enCeMoment h1 a {

	display:block;

	background:url(../images/t-jaune.gif) no-repeat;

	width:182px;

	height:26px;

	}



body#reconnaitre h1 a {

	display:block;

	background:url(../images/t-turquoise.gif) no-repeat;

	width:182px;

	height:26px;

	}



body#fondGris h1#plan a {

	display:block;

	background:url(../images/t-plan-gris.gif) no-repeat;

	width:182px;

	height:26px;

	}

body#fondGris h1#mentions_legales a {

	display:block;

	background:url(../images/t-mention-gris.gif) no-repeat;

	width:182px;

	height:26px;

	}

body#fondGris h1#contact a {

	display:block;

	background:url(../images/t-contact-gris.gif) no-repeat;

	width:182px;

	height:26px;

	}

body#fondGris h1#plan_site a {

	display:block;

	background:url(../images/t-plan-gris.gif) no-repeat;

	width:182px;

	height:26px;

	}

body#fondGris h1#recherche a {

	display:block;

	background:url(../images/t-recherche-gris.gif) no-repeat;

	width:182px;

	height:26px;

	}



h1 span {

	display:none;

	}



h2 {

	margin:6px 0 4px 0;

	padding:0 4px 0 0;

	width:178px;

	text-align:right;

	color:#f60;

	font-size:105%;
	float: left; 
	}
h2 .special {
	/* astuce par rapport au fil d'ariane (pour le remonter) pour ne pas avoir à tout remapper */
	float: left; 
	width: 178px;
	display: bloc;
}

h3, h3#forum {

	color:#f60;

	font-size:130%;

	margin: 15px 0 15px 0;

	}



h4, #enCeMoment h3 {

	color:#000;

	font-size:100%;

	line-height:1.63em;

	background:#fff /*url(../images/fond_h4.gif) repeat-x top left*/;

/*	background:#e9e9e9 url(../images/fond_h4.gif) repeat-x top left;*/

	padding:0;/*0 0 3px*/

	margin:40px 0 10px 0;

	border:1px solid #98A0AE;

	border-width:1px 0;

	}

h3#forum {

	color:#f60;

	font-size:130%;

	margin: 15px 0 15px 0px;

	border: none;
	}

h4.popup {

	margin:5px;

}



/*

h4 span {

	font-size: 90%;

	margin: 0;

	padding: 0;

	display:block;

	background:#e9e9e9 url(../images/fond_h4.gif) repeat-x bottom left;

	}*/

h4 span, #enCeMoment h3 span {
	color:#000;

	font-size: 90%;

	margin: 1px 0 1px 0;

	padding:0 0 0 2px;

	display:block;

	background: #e9e9e9;

}



h4 span a.lienH4, #enCeMoment h3 span a.lienH4 {

	color: #000;

	font-weight: bold;

	text-decoration: none;

	float: left;

/*	background:#e9e9e9 url(../images/fond_h4.gif) repeat-x bottom left;*/

}



h4 span a:hover.lienH4, #enCeMoment h3 span a:hover.lienH4 {

	color: #000;

	text-decoration: underline;

}



/*h4 span.dossier {

	width: 80%;

	color: #000;

	font-weight: bold;

	font-size: 100%;

	margin:0;

	padding:0;

	display:block;

	background: #e9e9e9 url(../images/fond_h4.gif) repeat-x bottom left;

	float: left;

}

*/

h4 span.dossier, #enCeMoment h3 span.dossier {

/*	width: 80%;*/

	color: #000;

	font-weight: bold;

	font-size: 100%;

/*	margin:0;

	padding:0;*/

/*	display:block;*/

/*	background: #e9e9e9 url(../images/fond_h4.gif) repeat-x bottom left;*/

	margin-top: 2px;

	float: left;

}



h4 span.date {

	text-align:right;

}



h4 span.dossier2 {

/*	width: 80%;*/

	color: #000;

	font-weight: bold;

	font-size: 90%;

/*	margin:0;

	padding:0;

	display:block;*/

/*	background: #e9e9e9 url(../images/fond_h4.gif) repeat-x bottom left;*/

	float: left;

	margin: 1px 0;

}



/*h4 a.lienH4 {

	font-size: 90%;

	color: #000;

	font-weight: bold;

	text-decoration: none;

	background: #e9e9e9 url(../images/fond_h4.gif) repeat-x bottom left;

}*/

h4 a.lienH4 {

	margin: 1px 0 1px 0;

	padding:0 0 0 2px;

	display:block;

	font-size: 90%;

	color: #000;

	font-weight: bold;

	text-decoration: none;

	background: #e9e9e9;

}



h4 a:hover.lienH4 {

	text-decoration: underline;

}



h4.top {

	margin-top: 5px;

}



h4 span a {

	text-decoration: none;

	color: #000;

	font-size: 100%;

}



/*body#decouverte h4 span {

	margin: 1px 0 1px 0;

	padding:0 0 0 2px;

	display:block;

	background: #e9e9e9;

}*/



.italique {

	font-style: italic;

}



/******************/

/*****************/

/*	CLASSES		*/

/***************/

/**************/

div.centrer {

	text-align:center;

}

div.cb {

	clear:both;

	}



body#comprendre h4.paragraphe {

	color:#ff7307;

	border:1px solid #ff7307;

	border-width:1px 0 1px 0;

	text-align:center;

	background:#fff;

	margin:0 0 2px 0;

	padding:0;

	/*height:1.5em;*/

	line-height:1.5em;

	}



body#decouverte h4.paragraphe {

	color:#ff7307;

	border:1px solid #607fc0;

	border-width:1px 0 1px 0;

	text-align:center;

	background:#fff;

	margin:0 0 2px 0;

	padding:0;

	/*height:1.5em;*/

	line-height:1.5em;

	}



body#approfondir h4.paragraphe {

	color:#ff7307;

	border:1px solid #809D00;

	border-width:1px 0 1px 0;

	text-align:center;

	background:#fff;

	margin:0 0 2px 0;

	padding:0;

	/*height:1.5em;*/

	line-height:1.5em;

	}

	

body#reconnaitre h4.paragraphe {

	color:#14C3E2;

	border:1px solid #14C3E2;

	border-width:1px 0 1px 0;

	text-align:center;

	background:#fff;

	margin:0 0 2px 0;

	padding:0;

	/*height:1.5em;*/

	line-height:1.5em;

	}



h4.lienMargeGauche {

	margin: 0 0 30px 0;

	font-size: 90%;

	color:#666;

	text-align:center;

	background:#fff;

}



h4.lienMargeGauche a {

	font-size: 95%;

	color: #666;

	text-decoration: none;

}



h4.lienMargeGauche a:hover {

	color: #666;

	text-decoration: underline;

}



h4.lienNoirMarge {

	font-size: 90%;

	text-align:center;

	background:#fff;

}



h4.lienNoirMarge a {

	color: #000;

	text-decoration: none;

}



h4.lienNoirMarge a:hover {

	color: #000;

	text-decoration: underline;

}



h4.galeriePhoto {

	text-align: center;

	font-weight: normal;

	line-height:4em;

	background:#fff url(../images/fond_h4.gif) repeat-x top left;

	margin: 0 0 10px 0;

	}



/*****************************/

/*****************************/

/*	Rubrique comprendre		 */

/*****************************/

/*****************************/



body#comprendre {background:#ffc58d;}



/*****************************/

/*****************************/

/*	Rubrique decouverte		 */

/*****************************/

/*****************************/



body#decouverte {background:#97b2d5;}



/*****************************/

/*****************************/

/*	Rubrique appronfondir    */

/*****************************/

/*****************************/



body#approfondir {background:#acbd46;}



/*****************************/

/*****************************/

/*	Rubrique en ce Moment    */

/*****************************/

/*****************************/



body#enCeMoment {background:#ffda66;}



/*****************************/

/*****************************/

/*	Rubrique reconnaitre		 */

/*****************************/

/*****************************/



body#reconnaitre {background:#9FE0EC;}


.recherchepatrimoine{
margin-top: 5px;
}
#menuDeroulant {
margin-top: 30px;
}

.recherchepatrimoine label{ 
padding-top: 10px;
}
.selectpatrimoinebati{
margin-top: 5x;
}

.submitrecherchepatrimoine{
float:right;
margin-top: 18px;
align : center;
margin-right: 250px;
height: 25px;
font-size: 15px;
color: black;
background-color: #CFEFF5;
#background-image: url(../images/BGinput1.gif);
}


.resultat_rech_patrimoine{
/*margin-top: 30px;*/
padding-top: 38px;

}
#form_aptrimoine{
margin-bottom: 30px;

}
.recherch_patrimoine_bati{
margin-left:20px;
}



/*****************************/

/*****************************/

/*	Rubriques Plan du site / */

/* Mentions légales / Contact */

/*****************************/

/*****************************/



body#fondGris {background: #ccc;}





/*****************************/

/*		RECHERCHE			 */

/*****************************/

.divPagination {

	border:1px solid #98a0ae;

	border-width: 1px 0;

	background: white;

	line-height: 2em;

	margin: 1px 4px;

}



.pagination {

	border:1px solid white;

	border-width: 1px 0;

	background: #ccc;

	text-align: center;

}



.resultatPage {

	color: black;

	font-weight: bold;

	margin-right: 30px;

}



#divTexteRecherche {

	padding: 20px 4px;

}



.divTexteResume {

	margin: 8px 0;

}



a.couleurNumPage {

	color: white;

	font-weight: bold;

}



.divBordBlancRecherche {

	background: white;

	margin: 1px 4px;

}



.divLigneRecherche {

	background: #e9e9e9;

	padding: 10px 20px;

	color: black;

}



.titreResultatRecherche {

	font-weight: bold;

	color: black;

}



.divLien a {

	color: #f60;

	line-height: 1.4em;

}



/*****************************/

/*****************************/

/*	Popup annuaire des		 */

/*		professionnels		 */

/*****************************/

/*****************************/



html#popup {

	height: 100%;

	position: relative;

}



body#popup {

	position: absolute;

	height: 100%;

	width: 100%;

}







/*****************************/

/*			header			*/

/***************************/



body#comprendre #header {

	background:#ffc58d;

	width: 100%;

	}



body#decouverte #header {

	background:#97b2d5;

	width: 100%;

	}



body#approfondir #header {

	background:#acbd46;

	width: 100%;

}	



body#enCeMoment #header {

	background:#ffda66;

	width: 100%;

}



body#reconnaitre #header {

	background:#9FE0EC;

	width: 100%;

	}



body#fondGris #header {

	background:#ccc;

	width: 100%;

}





div#partie1 {

	width:182px;

	float:left;

	font-size:0;

	}



#partie2 {

	width:578px;

	float:left;

	font-size:0%;

	}



#entete {

	width:509px;

	float:left;

	}



#logoEntete {

	width:67px;

	float:left;

	}



#slogan {

	width:211px;

	float:left;

	font-size:0;

	}



#menuRapide {

	width:290px;

	float:left;

	}



#menuRapide ul {

	list-style:none;

	margin:0;

	padding:0;

	font-size:12px;

	}



#menuRapide li {

	float:left;

	background: url(../images/sepa_menu_rapide.gif) no-repeat 100% 60%;

	margin:0 4px 0 0;

	padding:0 4px 0 0;

	}



#menuRapide li.last {

	background: none;

	margin:0;

	padding:0;

	}



#menuRapide li a {

	color:#483b2b;

	text-decoration:none;

	font-size:11px;

	letter-spacing:1px;

	display:block;

	padding:2px 0;

	}



#menuRapide li a:hover {

	background:#FF5501;

	}



#recherche {

	width:180px;

	float:left;

	}



#recherche form {

	margin:10px 0 0 5px;

	padding:0;

	}



#recherche fieldset {

	border:0;

	}



#recherche legend {

	display:none;

	}



#recherche label {

	display:none;

	}



body#fondGris label {

	display: block;

	color: #000;

	font-weight: bold;

}



body#comprendre #recherche input.input {

	color:#fff;

	font-weight:bold;

	font-size:12px;

	background:#ffc58d;

	width:110px;

	}



body#decouverte #recherche input.input {

	color:#fff;

	font-weight:bold;

	font-size:12px;

	background:#97b2d5;

	width:110px;

	}



body#approfondir #recherche input.input {

	color:#fff;

	font-weight:bold;

	font-size:12px;

	background:#acbd46;

	width:110px;

	}



body#enCeMoment #recherche input.input {

	color:#fff;

	font-weight:bold;

	font-size:12px;

	background:#ffda66;

	width:110px;

	}



body#reconnaitre #recherche input.input {

	color:#fff;

	font-weight:bold;

	font-size:12px;

	background:#9FE0EC;

	width:110px;

	}

	

body#fondGris #recherche input.input {

	color:#fff;

	font-weight:bold;

	font-size:12px;

	background:#ccc;

	width:110px;

	}



#pimp {

	margin-left:6px;

	width:323px;

	height:41px;

	float:left;

	margin-top: -1px;

	}

body#decouverte #pimp {

	border-bottom: 1px solid #697C95;

}

body#comprendre #pimp {

	border-bottom: 1px solid #B18A61;

}

body#enCeMoment #pimp {

	border-bottom: 1px solid #B29847;

}

body#approfondir #pimp {

	border-bottom: 1px solid #788431;

}



#onglets img {

	float:left;

	}



#onglets ul {

	list-style:none;

	margin:0;

	padding:0;

	}



#onglets li {

	float:left;

	}



#onglets li span {

	display:none;

	}



#onglets li a {

	display:block;

	height:26px;

	margin:13px 0 0 0;

	}





/* onglets pour la rubrique comprendre */

body#comprendre #onglets li#onglet1 a {

	background: url(../images/onglet_decouvrir.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#comprendre #onglets li#onglet4 a {

	background: url(../images/onglet_reconnaitre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#comprendre #onglets li#onglet2 a {

	background: url(../images/onglet_approfondir.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#comprendre #onglets li#onglet3 a {

	background: url(../images/onglet_enCeMoment-FondComprendre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}



body#comprendre #onglets li#onglet1 a:hover {

	background: url(../images/onglet_decouvrir_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#comprendre #onglets li#onglet4 a:hover {

	background: url(../images/onglet_reconnaitre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#comprendre #onglets li#onglet2 a:hover {

	background: url(../images/onglet_approfondir_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#comprendre #onglets li#onglet3 a:hover {

	background: url(../images/onglet_enCeMoment-FondComprendre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}



/* onglets pour la rubrique découverte */

body#decouverte #onglets li#onglet4 a {
	background: url(../images/onglet_reconnaitre.gif) no-repeat bottom left;
	width:97px;
	height:13px;
	}

body#decouverte #onglets li#onglet1 a {
	background: url(../images/onglet_comprendre.gif) no-repeat bottom left;
	width:97px;
	height:13px;
	}

body#decouverte #onglets li#onglet2 a {
	background: url(../images/onglet_approfondir.gif) no-repeat bottom left;
	width:97px;
	height:13px;
	}

body#decouverte #onglets li#onglet3 a {
	background: url(../images/onglet_enCeMoment-FondDecouvrir.gif) no-repeat bottom left;
	width:97px;
	height:13px;
	}

body#decouverte #onglets li#onglet4 a:hover {
	background: url(../images/onglet_reconnaitre_hover.gif) no-repeat bottom left;
	width:97px;
	height:13px;
	}

body#decouverte #onglets li#onglet1 a:hover {
	background: url(../images/onglet_comprendre_hover.gif) no-repeat bottom left;
	width:97px;
	height:13px;
	}

body#decouverte #onglets li#onglet2 a:hover {
	background: url(../images/onglet_approfondir_hover.gif) no-repeat bottom left;
	width:97px;
	height:13px;
	}

body#decouverte #onglets li#onglet3 a:hover {
	background: url(../images/onglet_enCeMoment-FondDecouvrir_hover.gif) no-repeat bottom left;
	width:97px;
	height:13px;
	}



/* onglets pour la rubrique approfondir */

body#approfondir #onglets li#onglet1 a {

	background: url(../images/onglet_decouvrir.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#approfondir #onglets li#onglet4 a {

	background: url(../images/onglet_reconnaitre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#approfondir #onglets li#onglet2 a {

	background: url(../images/onglet_comprendre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#approfondir #onglets li#onglet3 a {

	background: url(../images/onglet_enCeMoment-FondApprofondir.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#approfondir #onglets li#onglet1 a:hover {

	background: url(../images/onglet_decouvrir_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#approfondir #onglets li#onglet4 a:hover {

	background: url(../images/onglet_reconnaitre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#approfondir #onglets li#onglet2 a:hover {

	background: url(../images/onglet_comprendre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#approfondir #onglets li#onglet3 a:hover {

	background: url(../images/onglet_enCeMoment-FondApprofondir_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}





/* onglets pour la rubrique en ce moment */

body#enCeMoment #onglets li#onglet1 a {

	background: url(../images/onglet_decouvrir.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#enCeMoment #onglets li#onglet4 a {

	background: url(../images/onglet_reconnaitre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#enCeMoment #onglets li#onglet2 a {

	background: url(../images/onglet_comprendre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#enCeMoment #onglets li#onglet3 a {

	background: url(../images/onglet_approfondir-FondEnCeMoment.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#enCeMoment #onglets li#onglet1 a:hover {

	background: url(../images/onglet_decouvrir_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#enCeMoment #onglets li#onglet4 a:hover {

	background: url(../images/onglet_reconnaitre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#enCeMoment #onglets li#onglet2 a:hover {

	background: url(../images/onglet_comprendre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#enCeMoment #onglets li#onglet3 a:hover {

	background: url(../images/onglet_approfondir-FondEnCeMoment_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}



body#reconnaitre #onglets li#onglet1 a {

	background: url(../images/onglet_decouvrir.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#reconnaitre #onglets li#onglet2 a {

	background: url(../images/onglet_comprendre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#reconnaitre #onglets li#onglet4 a {

	background: url(../images/onglet_approfondir.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#reconnaitre #onglets li#onglet3 a {

	background: url(../images/onglet_enCeMoment-FondReconnaitre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}	



body#reconnaitre #onglets li#onglet1 a:hover {

	background: url(../images/onglet_decouvrir_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#reconnaitre #onglets li#onglet2 a:hover {

	background: url(../images/onglet_comprendre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#reconnaitre #onglets li#onglet4 a:hover {

	background: url(../images/onglet_approfondir_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#reconnaitre #onglets li#onglet3 a:hover {

	background: url(../images/onglet_enCeMoment-FondReconnaitre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}	

	

/* onglets pour les rubriques Plan du site, mentions légales, Contact */

body#fondGris #onglets li#onglet0 a {

	background: url(../images/onglet_reconnaitre.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#fondGris #onglets li#onglet1 a {

	background: url(../images/b-gris-decouvrir-petit.gif) no-repeat bottom left;

	width:82px;

	height:13px;

	}

body#fondGris #onglets li#onglet2 a {

	background: url(../images/b-gris-comprendre-petit.gif) no-repeat bottom left;

	width:96px;

	height:13px;

	}

body#fondGris #onglets li#onglet3 a {

	background: url(../images/b-gris-approfondir-petit.gif) no-repeat bottom left;

	width:93px;

	height:13px;

	}

body#fondGris #onglets li#onglet4 a {

	background: url(../images/b-gris-moment-petit.gif) no-repeat bottom left;

	width:98px;

	height:13px;

	}

body#fondGris #onglets li#onglet0 a:hover {

	background: url(../images/onglet_reconnaitre_hover.gif) no-repeat bottom left;

	width:97px;

	height:13px;

	}

body#fondGris #onglets li#onglet1 a:hover {

	background: url(../images/b-gris-decouvrir-petit2.gif) no-repeat bottom left;

	width:82px;

	height:13px;

	}

body#fondGris #onglets li#onglet2 a:hover {

	background: url(../images/b-gris-comprendre-petit2.gif) no-repeat bottom left;

	width:96px;

	height:13px;

	}

body#fondGris #onglets li#onglet3 a:hover {

	background: url(../images/b-gris-approfondir-petit2.gif) no-repeat bottom left;

	width:93px;

	height:13px;

	}

body#fondGris #onglets li#onglet4 a:hover {

	background: url(../images/b-gris-moment-petit2.gif) no-repeat bottom left;

	width:98px;

	height:13px;

	}

/*****************************/

/*		menuHaut			*/

/***************************/



body#comprendre #menuHaut {

	width:100%;

	background:#FFD6AE;

	}



body#decouverte #menuHaut {

	width:100%;

	background:#DAE5F9;

	padding: 3px 0;

	}



body#approfondir #menuHaut {

	width:100%;

	background:#C4C488;

	padding: 3px 0;

	}



body#enCeMoment #menuHaut {

	width:100%;

	background:#C4C488;

	padding: 3px 0;

	}



body#reconnaitre #menuHaut {

	width:100%;

	background:#CFEFF5;

	padding: 3px 0;

	}



body#fondGris #menuHaut {

	width:100%;

	background:#999;

	}



#menuHaut ul {

	margin:0;

	padding:0;

	list-style:none;

	}



#menuHaut li {

	float:left;

	padding:0 0 0 10px;

	

	line-height:23px;

	}



#menuHaut li#first {

	margin:0 0 0 10px !important;

	margin:0 0 0 5px;

	}



#menuHaut li#firstActif {

	margin:0 0 0 10px !important;

	margin:0 0 0 5px;

	}



#menuHaut a {

	color:#000;

	font-weight:bold;

	text-decoration: none;

	font-size:90%;

	background:url(../images/puce_menu_hautNoire.gif) no-repeat 0 50%;

	padding:0 0 0 15px;

	display: block;

	}



body#decouverte #menuHaut li#actifMenuHaut a, body#decouverte li#firstActif a, body#decouverte #menuHaut a:hover { color:#4967A7; 	}
body#reconnaitre #menuHaut li#actifMenuHaut a, body#reconnaitre li#firstActif a, body#reconnaitre #menuHaut a:hover { color:#2DA3CA; 	}
body#approfondir #menuHaut li#actifMenuHaut a, body#approfondir li#firstActif a, body#approfondir #menuHaut a:hover { color:#555F3F; 	}
body#enCeMoment #menuHaut li#actifMenuHaut a, body#enCeMoment li#firstActif a, body#enCeMoment #menuHaut a:hover {	color:#FF5501; 	}
body#comprendre #menuHaut li#actifMenuHaut a, body#comprendre li#firstActif a, body#comprendre #menuHaut a:hover {	color:#ED5818; 	}

#menuHaut a:hover {
	text-decoration: underline;
}

/*****************************/

/*		menu				*/

/***************************/

#menu {

	width:203px;

	float:left;


	}

.menu {
	/* astuce par rapport au fil d'ariane (pour le remonter) pour ne pas avoir à tout remapper */
	clear: left; 
	float: left;
}

#menu ul {

	margin:0;

	padding:0;

	list-style:none;

	}



#menu li {
	margin:0;
	padding:0;
	z-index: 2;
	}



#menu li.last a {

	border-width:1px 0 1px 0;

	}



#menu li#actifMenu {
	background:url(../images/picto_menu.gif) no-repeat 187px 50%;
	z-index: 1;
	}



#menu li.menuAccroche {

	background:#fff;

}



/*#menu .titreMenuAccroche {

	height: 1%;

	float: right;

	text-align: right;

	padding: 0 20px 0 0;

	color: #FF6600;

	font-size:110%;

	font-weight: bold;

	font-style: italic;

}*/



/* Pour rubrique Comprendre */

body#comprendre #menu a {
	display:block;
	text-align:right;
	width:178px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:90%;
	background:#ffd6ae;
	padding:4px 4px 4px 0;
	border:1px solid #f39c71;
	border-width:1px 0 0 0;
}
body#comprendre #menu .navig ul li a {
	text-align:left;
}


body#comprendre #menu a:hover {
	background:#ff7307;
}


body#comprendre #menu li#actifMenu a {
	background:#ff7307;
}



/* Pour rubrique Découverte */

body#decouverte #menu a {
	display:block;
	text-align:right;
	width:178px;
	color:#336699;
	font-weight:bold;
	text-decoration:none;
	font-size:90%;
	background:#dae5f9;
	padding:4px 4px 4px 0;
	border:1px solid #98a0ae;
	border-width:1px 0 0 0;
}
body#decouverte #menu .navig ul li a {
	text-align:left;
}


body#decouverte #menu a:hover {

	background:#5f80be;

	color: #fff;

	}



body#decouverte #menu li#actifMenu a {
	color: #fff;
	background:#5f80be;
}
body#decouverte #menu li#actifMenu li.lienActif a, body#decouverte #menu li#actifMenu li a:hover {
	background:#5f80be;
	color: #fff;
}
body#decouverte #menu li#actifMenu li a {
	background:#dae5f9;
	color: #4967a7;
}



/* Pour rubrique Approfondir */

body#approfondir #menu li a {
	display:block;
	text-align:right;
	width:178px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:90%;
	background:#c4c488;
	padding:4px 4px 4px 0;
	border:1px solid #596E00;
	border-width:1px 0 0 0;
}
body#approfondir #menu .navig ul li a {
	text-align:left;
}


body#approfondir #menu a:hover {

	background:#809d00;

	color: #fff;

	}



body#approfondir #menu li#actifMenu a {
	color: #fff;
	background:#809d00;
}
body#approfondir #menu li#actifMenu li.lienActif a, body#approfondir #menu li#actifMenu li a:hover {
	background:#809d00;
}
body#approfondir #menu li#actifMenu li a {
	background:#c4c488;
}


/* Pour rubrique En ce moment */

body#enCeMoment #menu li a {
	display:block;
	text-align:right;
	width:178px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:90%;
	background:#c4c488;
	padding:4px 4px 4px 0;
	border:1px solid #89895f;
	border-width:1px 0 0 0;
}
body#enCeMoment #menu .navig ul li a {
	text-align:left;
}


body#enCeMoment #menu li a:hover {

	background:#ffae00;

	}



body#enCeMoment #menu li#actifMenu a {

	background:#ffae00;

	}



body#reconnaitre #menu a {
	display:block;
	text-align:right;
	width:178px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:90%;
	background:#CFEFF5;
	padding:4px 4px 4px 0;
	border:1px solid #0F98B0;
	border-width:1px 0 0 0;
}

body#reconnaitre #menu .navig ul li a {
	text-align:left;
}


body#reconnaitre #menu a:hover {

	background:#14C3E2;

	}



body#reconnaitre #menu li#actifMenu a {
	background:#14C3E2;
}
body#reconnaitre #menu li#actifMenu li.lienActif a, body#reconnaitre #menu li#actifMenu li a:hover {
	background:#14C3E2;
}
body#reconnaitre #menu li#actifMenu li a {
	background:#CFEFF5;
}





body#fondGrisE9 {

	background-color: #e9e9e9;

}

/*****************************/

/*			sousMenu		*/

/***************************/

#sousMenu {

	width:550px;

	float:left;

	}



#sousMenu ul {

	margin:0;

	padding:0;

	list-style:none;

	}



#sousMenu li {

	float:left;

	background: url(../images/sepa_sous_menu.gif) no-repeat 100% 50%;

	margin:0 10px 10px 0;

	padding:0 10px 0 0;

	display: block;

	line-height: 1.5em;

	}



#sousMenu li.last {

	background:none;

	margin:0;

	padding:0;

	}



#sousMenu li a {

	color:#000;

	font-size:90%;

	text-decoration:none;

	display: inline;

	}



#sousMenu li a:hover {

	text-decoration:underline;

	}



#sousMenu li#actifSousMenu a {

	font-weight:bold;

	}



#sousMenu li#actifSousMenu a:hover {

	text-decoration:none;

	}



#sousMenu li.parag {

	float:left;

	background:none;

	margin:0;

	padding:0;

	clear: both;

}



#menuDeroulantContourGris {
	background:#fff url(../images/fond_h4.gif) repeat-x top left;
	border:1px solid #98a0ae;
	border-width: 1px 0;
	padding-bottom: 1px;
	margin: 30px 0 5px 205px !important;
	margin: 0px 0 30px 205px !important!;
	margin: 0px 0 30px 0;
	width: 70%;
/*	float: left;*/
}

#menuDeroulantContourGris legend {
	display:none;
}
#menuDeroulantContourGris fieldset {
	border: 0;
}


div#menuDeroulantEtLiens {

	background:#e9e9e9 url(../images/fond_h4.gif) repeat-x top left;

	height: 70px;

	width: 100%;

	/*border:1px solid #98a0ae;

	border-width:1px 0 1px 0;*/

}



/* liste pr Découvrir -> 1001 activités */

#menuDeroulantEtLiens .liste {

	float: left;

	width: 97%;

	margin-left: 20px;

	margin-top:20px !important;

	margin-top:25px;

}



/* liste pr Découvrir -> Les maisons du parc */

#menuDeroulantEtLiens .listeMaisonDuParc {

	float: left;

	width: 49%;

	margin-left: 7px !important;

	margin-left: 11px;

}



#menuDeroulantEtLiens label {

	display: none;

}



#menuDeroulantEtLiens select {

	float: left;

}



#menuDeroulantEtLiens input {

	margin-left: 10px;

	float:left;

}



#liens  {

	float: right;

	width: 46%;

}



#sousMenu div#menuDeroulantEtLiens div#liens a {

	color: #666;

	font-size: 90%;

	line-height: 160%;

	font-weight: bold;

	text-decoration: none;

}



#sousMenu div#menuDeroulantEtLiens div#liens a:hover {

	text-decoration: underline;

}



#sousMenu fieldset {

	border:0;

	float: left;

	}



#sousMenu legend {

	display:none;

	}



.liste fieldset {

	border:0;

}



.liste legend {

	display:none;

}



.liste label {

	display: none;

}



.titreSousMenu {

	float: left;

	color: #000;

	line-height: 1.4em;

	font-size: 90%;

	padding-right: 2px;

}



/*****************************/

/*			intro			*/

/***************************/

#introEtAncres {

	float: right;

	width: 73%;

}



#intro {

	color:#696969;

	background:#e9e9e9;

	padding:5px;

	margin: 10px 0 20px 0;

	}



#intro p {

	width:100%;

	margin:0 0 10px 0;

	padding:0;

	}



body#decouverte #introCouleur {

	color: #369;

	width:540px;

	font-weight: bold;

/*	font-size: 11px;*/

	font-size: 90%;

	background:#dae5f9;

	padding:5px;

	margin: 0 3px 10px 0;

/*	float: right;*/

	}



body#approfondir #introCouleur {

	color: white; /*#369;*/

	width:540px;

/*	font-weight: bold;*/

/*	font-size: 11px;*/

/*	font-size: 90%;*/

	background:#C4C488;

	padding:5px;

	margin: 0 3px 10px 0;

}



body#comprendre #introCouleur {

	color: #666;

	width:540px;

/*	font-weight: bold;*/

/*	font-size: 11px;*/

/*	font-size: 90%;*/

	background:#ffd6ae;

	padding:5px;

	margin: 0 3px 10px 0;

/*	float: right;*/

	}

	

body#reconnaitre #introCouleur {

	color: #666;

	width:540px;

/*	font-weight: bold;*/

/*	font-size: 11px;*/

/*	font-size: 90%;*/

	background:#CFEFF5;

	padding:5px;

	margin: 0 3px 10px 0;

/*	float: right;*/

	}

	

#introCouleur ul {

	margin: 0;

	list-style:none;

}



#introCouleur li {

/*	list-style-image: url(../images/fleche-fond-bleu.gif);*/

	background: url(../images/fleche-transparent.gif) no-repeat top left;

	float: none;

	padding: 5px 0 3px 20px;

}



#introCouleur img {

	float: right;

	margin: 0 0 0 8px;

}



#introCouleur img.num { /* carte interactive */

	float: none;

	margin: 0 0 0 8px;

}





#introCouleur p {

	line-height: 1.6em;

	margin:0 0 10px 0;

	padding:0;

	text-align:justify;

}



#introCouleur img.puce {

	float:left;

}



/*#introTexteGris {

	color: #666;

	font-weight: bold;

	font-size: 90%;

	margin: 20px 0 0 0;

	line-height: 1.5em;

}



#introTexteGris img {

	float: right;

	margin: 0 0 0 8px;

}*/



/*****************************/

/*			paragraphe		*/

/***************************/



ul.paragraphe {

	margin:20px 0 0 0;

	padding: 0 0 0 50px;

	line-height: 1.8em;

	text-align:left;

	list-style:none;

	width: 66%;

	}



ul.paragraphe li {

	font-weight:bold;

	color:#666;

	}



ul.paragraphe li a {

	font-size:90%;

	color:#666;

	text-decoration:none;

	}



ul.paragraphe li a:hover {

	text-decoration:underline;

	}



div.paragraphe {

	width:195px;

	margin:25px 7px 0 0;

/*	float:right;*/

	float: left;

	}



div.paragraphe div.contenuParagraphe p {

	margin:0 0 15px 0;

	padding:0;

	}



div.paragraphe h4 a {

	color: #666;

	text-decoration: none;

}



div.paragraphe a {

	color: #666;

	text-decoration: underline;

}



div.paragraphe a:hover {

	color: #666;

	text-decoration: underline;

}



body#comprendre div.paragraphe div.contenuParagraphe {

	padding:5px;

	color:#696969;

	background:#FFD6AE;

	}



body#decouverte div.paragraphe div.contenuParagraphe {

	text-align: center;

	line-height: 1.6em;

	padding:5px;

/*	color: #369;*/

	font-weight: bold;

	font-size:90%;

	background:#dae5f9;

	}



body#approfondir div.paragraphe div.contenuParagraphe {

	text-align: center;

	line-height: 1.6em;

	padding:5px;

	color: #369;

/*	font-weight: bold;*/

	font-size:90%;

	background:#C4C488;

	}



body#reconnaitre div.paragraphe div.contenuParagraphe {

	padding:5px;

	color:#fff;

	background: #14C3E2;

	}	

	

div.contenuParagraphe a {

	color: #336699;

}





div.paragraphe a.lienDansMarge {

	color:#666;

	margin:0 0 15px 0;

	padding:0;

}



.contenuParagraphe a.texteBleu { 

	font-size: 11px;

	color: #369;

	text-decoration: none;

	font-weight: bold;

	line-height: 18px;

}



.contenuParagraphe a:hover.texteBleu { 

	color: #336699;

}



a:hover.texteBleu {

	text-decoration: underline;

}



a.texteBleuSouligne { 

	font-size: 11px;

	color: #369;

	font-weight: bold;

	line-height: 18px;

}



a.texteOrangeSouligne { 

	color: #f60;

	font-weight: bold;

	line-height: 18px;

}



/*****************************/

/*			contenu			*/

/***************************/

.texteAGauche {

	text-align: left;

}



.displayNone {

	display: none;

}



.ADroite { /* attention differente de .floatRight a cause impression (media print)*/

	float: right;

}



.floatRight {

	float: right;

}



.floatRightMargeBas {

	float: right;

	margin-bottom: 20px;

}



.contenu {

	width:549px;

	padding-right: 5px;

	/*float:left !important;*/

	float: right;

	}



.contenu p {

	margin:0;

	padding:0 5px 0 5px;

	text-align:justify;

	}



.texteParagraphe a {

	color: #666;

	text-decoration: underline;

}



.contenu p.hautPage {

	float:right;

	padding:0 15px 0 0;

	}



.contenu p.hautPage a {

	color:#666;

	text-decoration:none;

	padding:0 28px 0 0;

	background: url(../images/picto_haut_page.gif) no-repeat 100% 50%;

	display:block !important;

	display:inline;

	height:2em;

	line-height:2em;

	}



.contenu p.hautPage a:hover {

	text-decoration:underline;

	}



img.imageGauche {

	float: left;

	margin: 40px 2px 0 0;

	border-right: 8px solid #fff;

}



img.imageDroite {

	float: right;

	margin: 40px 0 0 0;

	border-left: 8px solid #fff;

}



img.imageGauche2 {

	float: left;

	margin: 0 6px 0 0;

}



img.imageDroite2 {

	float: right;

	margin: 0 0 0 10px;

}



img.symboleGauche {

	float: left;

}



img.symboleDroit {

	float: right;

	margin: 0 0 0 8px;

}



.contenu ul {

	margin: 0;

}



.contenu li {

	list-style-image: url(../images/fleche2.gif);

	/*background: url(../images/fleche2.gif) no-repeat bottom left;*/

	float: none;

	list-style-position: inside;

	/*list-style: none;*/

	line-height: 1.5em;

}



div#introTexteGris li {

	background: url(../images/fleche2.gif) no-repeat;

	padding: 0 0 0 15px !important;

	padding: 0;

	float: none;

	list-style-position: inside;

	line-height: 1.5em;

}



div#introTexteGris li a {

	font-weight: bold;

	font-size: 100%;

	color: #666;

	text-decoration: underline;

}



a.texteNoirADroite {

	color: #000;

	font-size: 90%;

	font-weight: bold;

	text-align: right;

	text-decoration: none;

	float: right;

}



a:hover.texteNoirADroite {

	text-decoration: underline;

}



.textegrissouligne {

	font-size: 12px;

	line-height: 16px;

	color: #666;

	text-align: justify;

	text-decoration: underline;

}



.texteGris {

	color: #666;

	font-weight: normal;

	text-align: left;

}



.texteGris80pct {

	color: #999;

	font-size: 80%;

}



a.texteGris {

	font-size: 12px;

	line-height: 16px;

	color: #666;

	text-align: justify;

	text-decoration: none;

}



a:hover.texteGris {

	font-size: 12px;

	line-height: 16px;

	color: #666;

	text-align: justify;

	text-decoration: underline;

}



.paragraphe .textegrissouligne {

	font-size: 12px;

	line-height: 16px;

	color: #666;

	text-align: justify;

	text-decoration: underline

}



.texteGrisGras {

	font-size: 12px;

	line-height: 16px;

	font-weight: bold;

	color: #666;

	text-align: justify;

}



a.texteGrisGras {

	font-size: 90%;

	line-height: 16px;

	font-weight: bold;

	color: #666;

	text-align: justify;

	text-decoration: none;

}





.texteOrangeGras {

	color: #f60;

	font-weight:bold;

}



.texteOrange {

	color: #f60;

}



li a.texteGrisGrasSouligne {

	font-weight: bold;

	color: #666;

	text-decoration: underline;

}



.texteNoirGras {

	color: #000;

	font-weight: bold;

	font-size: 90%;

}



.texteNoir {

	color: #000;

}



a.pageSuivante {

	float: left;

	padding:0 28px 0 0;

	height:2em;

	line-height:2em;

	color: #666;

	background: url(../images/b-suivant2.gif) no-repeat right;

	margin: 0 20px 0 0;

	text-decoration: none;

	margin: 20px 20px 20px 0;

}



a.hautDePage {

	float: left;

	padding:0 28px 0 0;

	height:2em;

	line-height:2em;

	color: #666;

	background: url(../images/b-hdepage2.gif) no-repeat right;

	margin: 0 20px 0 0;

	text-decoration: none;

	margin: 20px 20px 20px 0;

}



a:hover.hautDePage {

	background: url(../images/b-hdepage1.gif) no-repeat right;

}



a:hover.pageSuivante {

	background: url(../images/b-suivant1.gif) no-repeat right;

}



a.retour {

	float: left;

	padding:0 28px 0 0;

	height:2em;

	line-height:2em;

	color: #666;

	background: url(../images/b-retour2.gif) no-repeat right;

	margin: 0 20px 0 0;

	text-decoration: none;

	margin: 20px 20px 20px 0;

}



a:hover.retour {

	background: url(../images/b-retour1.gif) no-repeat right;

}



/* "tableau" en bas de la page Découvrir - découverte touristique - visiter les marais - marais_mouillees.phtml*/

.horaires {

	margin: 20px 20px 20px 10px;

}



.periode {

	width: 45%;

	float: left;

	margin: 0 20px 0 2px;

	padding: 5px 0 5px 0;

}



.heure {

	padding: 5px 0 5px 0;

}





.tarifs{

	margin: 20px 20px 40px 10px;

}



.personne {

	width: 25%;

	float: left;

	padding: 5px 0 5px 3px;

}



.prix {

	text-align: right;

	width: 20%;

	float: left;

	margin-right:17px;

	padding: 5px 0 5px 0;

}



.marge20px {

	margin: 0 0 0 20px;

}



div.marge40px {

	margin: 0 0 0 40px;

}



div.margeCentre {

	width: 100%;

	text-align: center;

	padding-top: 20px;

}



div.margeDroite {

	width: 100%;

	text-align: right;

}



.marge {

	text-align: center;

	width: 150px;

	margin-left: 20px;

	display:block;

}



a.texteNoirGras {

	color: #000;

	font-weight: bold;

	text-decoration: none;

}



a:hover.texteNoirGras {

	text-decoration: underline;

}



.listeEtLien {

	line-height: 1.7em;

	width: 70%;

	float:left;

	background: url(../images/fleche2bis.gif) no-repeat;

	padding: 1px 0 0 15px;

}



.listeEtLien100 {

	line-height: 1.7em;

	width: 98%;

	float:left;

	background: url(../images/fleche2bis.gif) no-repeat;

	padding: 1px 0 0 15px;

}



div.listeEtLienLast {

	line-height: 1.5em;

	width: 70%;

	float:left;

	background: url(../images/fleche2bis.gif) no-repeat;

	padding: 1px 0 0 15px;

	margin: 0 0 40px 0;

}



div.lien {

	line-height: 1.5em;

	width: 20%;

	text-align: right;

	padding: 2px 10px 0 0;

	float:right;

}



div.listeEtLien2 {

	line-height: 1.8em;

	width: 50%;

	float: left;

	background: url(../images/fleche2bis.gif) no-repeat;

	padding: 1px 0 0 15px;

}



div.lien2 {

	line-height: 1.8em;

	width: 45%;

	text-align: right;

	padding: 2px 10px 0 0;

	float:right;

}



.lien2 a {

	font-size:90%;

	text-decoration: none;

	font-weight: bold;

}



.lien2 a:hover {

	text-decoration: underline;

}



div.floatLeft60pct {

	width: 60%;

	float: left;

}



div.floatLeft33pct {

	width: 33%;

	float: left;

	line-height: 2.5em;

}



.sansMarge {

	margin:0px;

}



.lineHeight16 {

	line-height: 1.63;

}



.margeBas40px {

	margin: 0 0 40px 0;

}



.margeHaut20px {

	margin: 20px 0 0 0;

}



.margeHaut60px {

	margin: 60px 0 0 0;

}



/* galerie photo Découvrir*/



.carreGauche {
	background-color:#e9e9e9;
	width: 220px;
	/*height: auto !important;*/
	min-height: 168px;
	height: 168px;
	float: left;
	margin: 0 40px 20px 20px;
}

#introCouleur .carreGauche img {
	margin: 17px 0 0 12px;
	padding: 0;
	float: left;
}


.carreDroite {
	background-color:#e9e9e9;
	width: 220px;
	/*height: auto !important;*/
	min-height: 168px;
	height: 168px;
	float: left;
}

#introCouleur .carreDroite img {
	margin: 17px 0 0 12px;
	padding: 0;
	float: left;
}



.carreDroite img.last {
	margin: 10px 0 0 9px;
}



#popupTitre {

	background-color: #5f80be;

	color: #fff;

	font-weight: bold;

	line-height: 2.5em;

}



div.popupFleche {

	background-color: #ccc;

	height: 2.2em;

	border: 1px solid;

	border-color: #fff;

	border-width: 1px 0 1px 0;

}



div.popupFleche a.precedent {

	background: url(../images/btn_galerie1.gif);

	width:52px;

	height: 25px;

	float: left;

}



div.popupFleche a:hover.precedent {

	background: url(../images/btn_galerie1r.gif);

	width:52px;

	height: 25px;

}



div.popupFleche a.suivant {

	background: url(../images/btn_galerie2.gif);

	width:52px;

	height: 25px;

	float: right;

}



div.popupFleche a:hover.suivant {

	background: url(../images/btn_galerie2r.gif);

	width:52px;

	height: 25px;

}



div.poster img {

	margin: 10px 0 10px 40px;

}



.cartePostale {

	float: left;

	text-align:center;

	margin: 10px 20px 20px 20px;

}



.cartePostale p {

	width: 197px;

	font-style: italic;

	text-align:justify;

}



.fondEcran {

	float: left;

	text-align:center;

	margin: 10px 20px 20px 20px;

}



.fondEcran p {

	width: 186px;

	text-align:center;

}



.titreFondEcran {

	font-style: italic;

	width: 186px;

}



.enteteJaune { 

	color: #f60;

	font-weight: bold;

	line-height: 1.8em;

}



.bandeauTitre {

	background-color: #97b2d5;

	line-height: 2.2em;

	border: 1px solid;

	border-color: #666;

	border-width: 0 0 1px 0;

	padding-left: 30px;

	width: 100%;

}



/* popup Sommaire des marais salants */

.chapitre {

	font-weight: bold;

	width: 95%;

	float: left;

	padding-left: 10px;

	margin-top: 20px;

}



.section {

	color: #666;

	width: 94%;

	float: left;

	padding-left: 15px;

}



.subsection {

	color: #666;

	width: 93%;

	float: left;

	padding-left: 20px;

}



.pageGras {

	margin-top: 20px;

	font-weight: bold;

	color: #666;

	width: 3%;

	float: right;

}



.page {

	color: #666;

	width: 3%;

	float: right;

}





a.fermerFenetre {

	color: #fff;

	font-weight: bold;

	text-decoration: none;

}



a:hover.fermerFenetre {

	color: #000;

}



.instruction {	

	color: #666;

	background-color: #e9e9e9;

	border: 1px solid;

	border-color: #666;

	border-width: 0 0 1px 0;

}



.instGauche {

	text-align: left;

	margin-left: 50px;

	padding: 20px 0 20px 30px;

	width: 40%;

	float: left;

	line-height: 1.5em;

}



.instDroite {

	text-align: left;

	padding: 20px 0 20px 30px;

	line-height: 1.5em;



}



div.carteInteractiveHaut {

	padding: 0 50px 0 0;

	width: 65%;

	float: left;

	line-height: 1.63em;

}



.lienParagraphe {

	background:#e9e9e9 url(../images/fond_h4.gif) repeat-x top left;

	text-align: center;

	line-height: 1.8em;

	border:1px solid #98a0ae;

	border-width:1px 0 1px 0;

	margin: 50px 0 0 0;

	font-size: 90%;

	font-weight: bold;

}



.lienParagraphe a {

	color: #666;

	text-decoration: none;

}



.lienParagraphe a:hover {

	text-decoration: underline;

}



a.lienFlash {

	padding-left: 40px;

	color: #666;

}



/* Légende du tableau en Flash (Découvrir -> Visiter les Maisons du Parc -> Carte intéractive) */

table {

	width: 90%;

	background-color: #ccc;

	color: #000;

	font-size:100%;

}



table p {

	margin: 0 !important;

	padding: 0 !important;

}



caption {

	line-height: 2em;

	text-align: right;

	font-weight: bold;

	background-color: #ccc;

	border:1px solid #616561;

	border-width:0 0 1px 0;	

	padding-right: 5px;

}



th {

	display: none;

}



tr {

	vertical-align: middle  !important;

}



td {

	border-bottom:1px solid #616561;

	text-align: right;

	font-weight: normal;

	line-height: 1.2em;

}



td.fondBlanc {

	background-color: #fff;

}



/* tableau des messages postés dans En ce Moment -> Forum */

table.forum {

	background-color: #fff;

	color: #666;

	font-size: 100%;

}



table.forum caption {

	display: none;

}



table.forum  th {

	background-color: #e9e9e9;

	display: table-cell !important;

	display: block;

	color: #000;

	font-size: 90%;

}



table.forum td {

	line-height: 1.63em;

	border: none;

	text-align: center;

}



table.forum td.sujet {

	background: url(../images/fleche2bis.gif) no-repeat;

	padding-left: 20px;

	text-align: left;

}



table.forum td a.lien {

	text-decoration: none;

	color: #666;

	font-weight: bold;

	font-size: 90%;

}



table.forum td a:hover.lien {

	text-decoration: underline;

}



/* formulaire d'inscription (approfondir -> Le parc et vous -> le parc et les professionnels */

/* variante dans approfondir -> Docs en stock -> Recherche */

/* Formulaire de recherche dans approfondir et En ce moment */

.formulaireKiosqueAccueil {	

	width: 95%;

}



.formulaireKiosqueAccueil fieldset {

	padding: 0;

	border:0;

}



.formulaire {

	width: 98%;

}



.formulaire fieldset {

	background-color: #e9e9e9;

	font-size: 90%;

	border: 0;

	border: 1px solid #666;

	border-width: 1px 0;

}



.formulaire fieldset.kiosque {

	background-color: #ffda66;

	font-size: 90%;

	border: 0;

	border: 1px solid #666;

	border-width: 1px 0;

}



#ident {

	color: #000;

	padding-left: 30%;

	width: 20%;

	float: left;

}



#motDePasse {

	color: #000;

	padding-left: 30%;

	width: 20%;

	float: left;

}



#saisieEmail {

	font-size: 90%;

	color: #000;

	padding-left: 20%;

	width: 30%;

	float: left;

}

	

.champTexte {

	width: 30%;

	float: left;

	padding-top:1.5em;

} 



.ligneHeight5emSeparation{

	border-top: 1px solid #fff;

	float: left;

	width:100%;

}



.ligneHeight5emSeparation label {

	line-height: 5em;

}



.ligneHeight5em {

	float: left;

	width:100%;

}

.ligneHeight5em label {

	line-height: 5em;

}



.formulaireKiosqueAccueil legend {

	display: none;

}



.formulaire legend {

	display: none;

}



.formulaire label {

	display: none;

}



.identite {

	padding: 0 0 1px 8px;

	border: 1px solid #fff;

	border-width: 0 0 1px 0;

	line-height: 2em;

}



.name {

	width: 50%;

	float: left;

}



.formulaire .titre {

	color: #000;

	font-weight: bold;

}



.adresse {

	padding-left: 8px;

	margin-right: 3px;

	width: 49%;

	float: left;

	line-height: 2em;

}



.qualite {

	padding-left: 8px;

	border: 1px solid #fff;

	border-width: 0 0 1px 0;

	line-height: 2em;

	padding-bottom: 2px;

}



.coordonnees {

	border: 1px solid #fff;

	border-width: 0 0 1px 0;

	line-height: 2em;

	padding-bottom: 4px;

}



.zoneTexteFondBlanc {

	line-height:1.8em; 

	font-size: 90%;

	font-weight: bold;

}



.texteOrangeGrasSouligne {

	font-weight: bold;

	color: #f60;

	text-decoration: underline;

}



.texteSouligne {

	text-decoration: underline;

}



.zoneValider {

	background-color: #666;

	border: 1px solid #fff;

	border-width: 1px 0;

	padding-top : 1px;

	padding-bottom : 1px;

	float:left;

	width: 100%;

}



.texteValider {

	line-height:1.2em;

	margin-left:5px;

	color: #000;

	width:80%;

	float: left;

}



.validation {

	border: 1px solid #000;

	float: left;

	line-height: 2.25em;

	margin-top: 3px;

}



.boutonValider {

	font-size: 90%;

	height: 2.1em;

	text-align: center;

	width: 8em;

	font-weight: bold;

	text-decoration: none;

	color: #fff;

	background: #f90 url(../images/coche-gris1.gif) no-repeat;

	padding-left: 23px;

	border: 0;

	cursor:pointer;
}



.boutonValider:hover {

	color: #000;

}



.ligne {

	padding: 5px 0;

	line-height: 2em;

	border: 1px solid #fff;

	border-width: 0 0 1px 0;

}



.periodeDate {

	font-weight: bold;

	color: #000;

	padding-left: 15px;

	width: 15%;

	float: left;

}



.recherche {

	color: #000;

	font-weight: bold;

	padding: 0 0 15px 15px;

	line-height: 2em;

	border: 1px solid #fff;

	border-width: 0 0 1px 0;

}



.dossier {

	float: none;

	color: #666;

	font-weight: normal;

	font-size: 110%;

}



.zoneRechercher {

	background-color: #ccc;

	border: 1px solid #666;

	border-width: 1px 0 1px 0;

	padding-bottom: 2px;

	margin: 2px 0 2px 0;

	width: 100%;

}



.contourFondGrisCCC {

	border: 1px solid #fff;

	border-width: 1px 0;

	background-color: #ccc;

	line-height: 2.25em;

}



.contour {

	border: 1px solid #000;

	line-height: 2.25em;

	margin: 2px 0;

	float: right;

}





.boutonRechercher {

	font-size: 90%;

	height: 2.1em;

	text-align: center;

	width: 10em;

	font-weight: bold;

	text-decoration: none;

	color: #fff;

	background: #f90 url(../images/coche-gris1.gif) no-repeat;

	padding-left: 23px;

	border: 0;

}





.partieGauche {

	width: 40%;

	float: left;

}



.partieDroite {

	width: 40%;

	float: left;

}



/* En ce moment -> kiosque des journalistes - page de log */

.kiosque {

	background-color: #ffda66;

	border: 1px solid #fff;

	border-width: 1px 0;

}



.contourGris {

	border: 1px solid #89895f;

	border-width: 1px 0;

}



/* rubrique Mentions légales */

.moitieGauche {

	width: 45%;

	float: left;

	margin-right: 20px;

}



.moitieDroite {

	width: 52%;

	float: left;

}



.margeDroiteGauche {

	margin: 0 20px;

}



.margeAutour {

	margin: 20px 20px;

}



ul.fleche {

	display: inline;

}



ul.fleche li {

	list-style: none;

	background: url(../images/fleche2bis.gif) no-repeat;

	padding-left: 15px !important;

	padding-left: 0;

	line-height: 1.5em;

}



/* glossaire */

.glossaire {

	overflow: auto;

}



.glossaire a {

	text-decoration: none;

}

.alphabet {

	color : #fc9;

	float: left;

	font-size: 1.2em;

	font-weight: bold;

	padding-left: 1.5em;

	letter-spacing: 0.6em;

	line-height: 2.5em;

}



.alphabet a {

	color: #f60;

	text-decoration: none;

}



.alphabet a:hover {

	color: #000;

}



.dictionnaire {

	background: #e9e9e9;

	color: #666;

	float:left;

}



.lettre {

	text-align: left;

	line-height: 1.05em;

	font-size: 1.3em;

	font-weight: bold;

	padding: 6px;

	color: #fff;

	background: url(../images/fond_glossaire2.gif) no-repeat top left;

	float: left;

	border-right: 1px solid #f63;

}



.bandeauGris {

	background: url(../images/fond_glossaire.gif) repeat-x;

	line-height: 3em;

}



.definition {

	text-align: left;

	padding-left: 25px;

	padding-bottom: 0 !important;

	padding-bottom: 5px;

}



.separation {

	border-top: 1px solid #000;

	margin: 10px 0 5px 0;

}



/* popup */

.popup {

	text-align: left;

	margin-left: 10px;

	color:#696969;

	margin-bottom: 30px;

}



.popupListeCommunes {

	text-align: left;

	color:#000;

	padding-bottom: 20px;

}



.cadreVert {

	background: #d6dea3;

	text-align:center

}



.departementCommunes {

	font-size:90%;

	line-height:2em;

	font-weight:bold;

}



.communes {

	background: #fff;

	width:87%;

	text-align:left; 

	padding-left:15px;

	line-height:1.4em;

	font-weight:normal;

}



.commune {

	padding-left: 50px;

	float: left;

	width: 40%;

}



.gt {

	font-weight: bold;

	color: #f60;

	text-align:right

	padding-right: 100px;

	float: left;

	width: 40%;

}



.gtLegende {

	font-weight: bold;

	color: #f60;

	float: left;

	width: 18%;

}



.bandeCouleurPopup {

	text-align: left;

}



.titrePopup {

	line-height: 2em;

	color: #fff;

	font-weight: bold;

	padding-left: 8px;

}



.bandeCouleurPopupBottom {

	position: absolute !important;

	width: 100% !important;

	width: auto;

	position: static;

	left: 0;

}



.cuisine {

	margin-left: 10px;

}



.popupImprimer {

	line-height: 1.8em;

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 0 10px;

	float: left;

}



.popupImprimer a {

	color: #000;

	float: left;

	font-size: 90%;

	text-decoration: none;

}



.popupImprimer a:hover {

	color: #fff;

	float: left;

	font-size: 90%;

	text-decoration: underline;

}



div.flash {

	margin-left: 200px;

	}





/* Plan du site */

.planSitePageN1Decouvrir {

	background: #5f80be;

	padding-bottom: 20px;

}



.planSitePageN1Decouvrir .planSitePageN2 {

	background: #dae5f9;

	margin-left: 30px;

	padding-bottom: 20px;

	width: 92%;

}



.planSitePageN1Reconnaitre {

	background: #14C3E2;

	padding-bottom: 20px;

}

.planSitePageN1Reconnaitre .planSitePageN2 {

	background: #CFEFF5;

	margin-left: 30px;

	padding-bottom: 20px;

	width: 92%;

}



.planSitePageN1Comprendre {

	background: #ff7307;

	padding-bottom: 20px;

}



.planSitePageN1Comprendre .planSitePageN2 {

	background: #ffd6ae;

	margin-left: 30px;

	padding-bottom: 20px;

	width: 92%;

}



.planSitePageN1Approfondir {

	background: #809d00;

	padding-bottom: 20px;

}



.planSitePageN1Approfondir .planSitePageN2 {

	background: #d6dea3;

	margin-left: 30px;

	padding-bottom: 20px;

	width: 92%;

}



.planSitePageN1EnCeMoment {

	background: #ffae01;

	padding-bottom: 20px;

}



.planSitePageN1EnCeMoment .planSitePageN2 {

	background: #ffe9a3;

	margin-left: 30px;

	padding-bottom: 20px;

	width: 92%;

}



.planSitePageN3 {

	background: white;

	margin-left: 30px;

	width: 92%;

}



.titrePageN1 {

	color: black;

	font-weight: bold;

	padding-left: 10px;

}

.titrePageN1 a {

	color: black;

	font-size: 120%;

	text-decoration: none;

}

.titrePageN1 a:hover {

	text-decoration: underline;

}

.titrePageN2 {

	color: black;

	font-size: 100%;

	font-weight: bold;

	padding-left: 10px;

}

.titrePageN2 a {

	color: black;

	font-size: 100%;

	text-decoration: none;

}

.titrePageN2 a:hover {

	text-decoration: underline;

}



.titrePageN3 {

	color: black;

	font-size: 100%;

	padding-left: 10px;

}



.titrePageN3 a {

	color: black;

	font-size: 100%;

	padding-left: 10px;

}





ul#listePlanDuSite {

	list-style: none;

	margin: 0;

	padding: 0;

}

.planSitePageN1Decouvrir ul, .planSitePageN1Reconnaitre ul , .planSitePageN1Approfondir ul , .planSitePageN1Comprendre ul , .planSitePageN1EnCeMoment ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

/*****************************/

/*			footer			*/

/***************************/

body#comprendre #footer {

	height:2em;

	line-height:2em;

	color:#fff;

	background:#ff7307;

	}



body#decouverte #footer {

	height:2em;

	line-height:2em;

	color:#fff;

	background:#5f80be;

	}



body#approfondir #footer {

	height:2em;

	line-height:2em;

	color:#fff;

	background:#809d00;

	}



body#enCeMoment #footer {

	height:2em;

	line-height:2em;

	color:#fff;

	background:#ffae00;

	}



body#reconnaitre #footer {

	height:2em;

	line-height:2em;

	color:#fff;

	background:#14C3E2;

	}	

	

body#fondGris #footer {

	height:2em;

	line-height:2em;

	color:#fff;

	background:#999;

	}





#footer span {

	font-size:90%;

	margin:0 30px 0 0;

	float:right;

	}



#footer ul {

	margin:0 0 0 30px;

	padding:0;

	}



#footer li {

	list-style:none;

	margin:0 0 0 15px;

	float:left;

	}



#footer a {

	color:#fff;

	text-decoration:none;

	}



#footer a:hover {

	text-decoration:underline;

	}



#footer li a {

	font-size:90%;

	font-weight:bold;

	line-height: normal !important;

	}



/* liens typo */

a, a.internal-link, a.external-link {
	font-size: 12px;
	line-height: 16px;
	color: #666;
	text-align: justify;
	text-decoration: underline;
}



/************* signature **************/

.signature {
	display: none;
}



/************* Fil d'Ariane **************/
.filAriane .filarianeFloat {
	/* astuce par rapport au fil d'ariane (pour le remonter) pour ne pas avoir à tout remapper */
	padding: 7px 0 0 206px !important;
	padding: 7px 0 0 204px;
	margin-top: 0 !important;
	margin-top: -27px !important!;
	margin-top: -27px;
}

body#fondGris .filAriane .filarianeFloat {
	padding: 5px !important;
	margin: 0;
}

.filAriane a {
	color: #000;
	font-size: 90%;
	text-decoration: none;
/*	display: none;*/
}

.arianeBEModule {
	float: right;
	text-align: left;
	width: 555px;
	padding: 0px 0 15px 0;
	margin-top: 7px !important;
	margin-top: 6px !important;
}

.filAriane a:hover {
	text-decoration: underline;
}

.filAriane .actif {
	color: #000;
	font-size: 90%;
	font-weight: bold;
}
.arianetitre {
	font-weight: bold;
	color: black;
	padding-right: 5px;
	font-size: 90%;
}
.filAriane .filArianeSeparateur {
	color: #7491C9;
	padding:0 2px;
}
body#decouverte .filAriane .filArianeSeparateur {
	color: #7491C9;
}
body#approfondir .filAriane .filArianeSeparateur {
	color: #809D00;
}
body#comprendre .filAriane .filArianeSeparateur {
	color: #FF7307;
}
body#enCeMoment .filAriane .filArianeSeparateur {
	color: #FFAE00;
}
body#reconnaitre .filAriane .filArianeSeparateur {
	color: #14C3E2;
}

/************* Logo PIMP pour impression **************/

#pimpImprimer {

	display: none;

}

#divImage {
	padding-bottom: 10px;
}



/************* URL de la page pour impression **************/

.urlPage {

	display: none;

}

h3.DocStock{
	/*float: left;*/
	color:#000;
	/*line-height:1.63em;*/
	background:#fff;
	padding:0;
	border:1px solid #98A0AE;
	border-width:1px 0;
}
h3.DocStock div.dossier {
/*	float: left;*/
	font-size: 90%;
	font-weight: bold;
	color: black;
	margin: 1px 0 1px 0;
	padding:0 5px 0 5px;
	display:block;
	background: #e9e9e9;
}
h3.DocStock .titreDossier {
	float: left;
	width: 75%;
}
h3.DocStock .titreDossier a {
	color: black;
	text-decoration: none;
}
h3.DocStock .titreDossier a:hover {
	text-decoration: underline;
}
h3.DocStock div.dossier .date {
	font-size: 80%;
	text-align: right;
	float:right;
	width: 25%;
}


/* NOUVEAU MENU NIVEAU 4 20080107 */
.navig {
	line-height: 1;
	margin: 0 0 0 0;
	display: block;
	/*position: relative*/
}

/* remove all list stylings */
.navig, .navig ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	float: left;
}

/* move all list items into one row, by floating them */
.navig li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;
	/*float: left;*/
}

/* initialy hide all sub menus */
.navig ul {
	display: block;
	visibility: hidden;
	position: absolute;
	clear: both;
	top: 0;/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
	background-color: green;
	left: 183px;
	width: 182px;
	/*min-height: 180px;
	height: auto !important;
	height: 180px;*/
	margin-left: 0;
	padding-top: 10px;
}

.navig li {
	float: left;
	width: 100%;
}

/* -- float.clear -- force containment of floated LIs inside of main UL */
.navig:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* -- float.clear.END --  */

.navig li.selected ul, .navig li:hover ul {
	visibility: visible;
}

.navig li.selected ul {
	z-index: 10;
}

.navig li:hover ul {
	z-index: 100;
}

/*		Navigation make-up 	*/

.navig {
	margin: 0;
	padding: 0;
	width: 100%;	/* this value should be close to what is needed for elements to stay on one line */
}

.navig a {
	/*text-decoration: none;
	display: block;*/
}

.navig ul li {
	font-size: 90%;
}

/* if the following selector was ".navig li:hover a" IE7 will NOT render nested UL! the reason is the background-color rule. */
.navig li:hover {
	
}
/* which is why the link is styled separatelly */
.navig li:hover a {
	/*background-color: #5F80BE !important;
	background-color: #5F80BE;
	background-position: 8px 50% !important;
	background-position: 8px 50%;
	color: #E76619;*/
}

.navig li a {
	/*padding: 10px;
	padding-left: 60px;
	font-weight: bold;
	color: white;
	font-size: 120%;*/
}

.navig li li {
	border-right: 0 dotted #fff;
	border-bottom: 0 dotted #fff;
	padding-left: 10px;
}

.navig li li a {
	padding-left: 10px !important;
	color: #E36913; 
	font-weight: normal;
	font-style: normal;
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
	height: 1%;
	text-align: left;
}

.navig li li a:hover {
	text-decoration: underline !important;
}

.contenuApprofondir {
	height: 1%;
}

/************* IMPRESSION **************/

@media print {

	h2, #header, #menuHaut, #menuDeroulantContourGris, .paragraphe, #menu, #sousMenu, #footer, .ADroite {

		display: none;

	}

	#introCouleur {

		width: 90%;

	}

	#introEtAncres {

		float: none !important;

	}

	.contenu {

		float: none !important;

		width: 90%;

	}

	.filAriane, .signature, .floatRight, p {

		display: inline;

	}

	.urlPage  {

		display: block;

	}

	#pimpImprimer  {

		display: block;

		text-align: center;

	}

	img {

		display: block;

	}

	.filAriane .filarianeFloat {
		padding: 0;
		margin: 0;
	}


}

/* GB 20091216 : Newsletter */
.divNewsletter {
	/* 607*600 */
	background: url('../images/background_newsletter.png') no-repeat 0 0;
	height:600px;
	width:607px;
	/*
	padding-top:200px;
	padding-left:40px;
	padding-right:190px;*/
	margin:0 auto;
}
.texteGauche {
	float:left;
	width:370px;
	margin-top:210px;
	margin-left:40px;
}
.texteDroite {
	float:left;
	width:130px;
	margin-top:200px;
	margin-left:30px;
	font-size:90%;
	color:black;
}
/* Titre H1 */
body#fondGris h1#newsletter {
	display:block;
	background:url(../images/t-newsletter.png) no-repeat;
	width:182px;
	height:26px;
}