@charset "UTF-8";


@media screen{
	/********************************/
	/*		MOTEUR DE RECHERCHE		*/
	/********************************/
	form#mrecherche_rechercheDaumin {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		float: left;
		margin-right: 2em;
		width: 270px;
		height: 24px;
	}
	form#mrecherche_rechercheDaumin p#p_rech_input_rechercheDaumin {
		position: absolute;
		margin: 0;
		left: 0;
		top: 3px;
	}
	form#mrecherche_rechercheDaumin p#p_rech_btn_rechercheDaumin {
		position: absolute;
		margin: 0;
		left: 169px;
		top: 3px;
	}
	form#mrecherche_rechercheDaumin p#p_rech_input_rechercheDaumin input {
		position: relative;
		margin: 0;
		padding: 0 5px;
		left: auto;
		width: 159px;
		height: 18px;
		background: url(../images/f-inputsearch.png) no-repeat;
		border: none;
	}
	form#mrecherche_rechercheDaumin p#p_rech_btn_rechercheDaumin input {
		position: relative;
		margin: 0;
		padding: 0;
		left: auto;
		width: 100px;
		height: 18px;
		background: url(../images/f-submitsearch.png) no-repeat;
		border: none;
		color: #036;
		font-size: 1.2em;
		cursor: pointer;
	}
	form#mrecherche_rechercheDaumin p#p_rech_btn_rechercheDaumin input:hover {
		color: white;
	}
	.spot0{
		font-weight:bold;
		background-color:#FFFF00;
	}
	.spot1{
		font-weight:bold;
		background-color: #66FF00;
	}
	.spot2{
		font-weight:bold;
		background-color: #ff0066;
	}
	.spot3{
		font-weight:bold;
		background-color: #00ffdd;
	}
}

@media print {
	form#mrecherche_rechercheDaumin {
		display: none;
	}
}


@media screen{
	body {
		margin: 0;
		padding: 0;
		font-family: verdana, arial, "sans serif";
		font-size: 62.5%;
		background: #bfced0 url(../images/f-page.png) repeat-x left top;
		text-align: center;
	}
	
	#global {
		position: relative;
		width: 980px;
		margin: 0 auto;
		text-align: left;
		background: url(../images/f-global.png) repeat-y right top;
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 980px;
		height: 251px;
	}
	#entete #visuel {
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute;
		top: 255px;
		left: 440px;
		width: 510px;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #a1bfd8;
		color: #369;
		font-weight: bold;
	}	
	p#chemin span {
		font-size: 1em;
		background: url(../images/puce-chemin.png) no-repeat right center;
		padding-right: 0.5em;
		margin-right: 0.5em;
	}	
	p#chemin span.chemin_last {
		background: none;
		padding-right: 0;
	}	
	p#chemin span span {
		font-size: 1em;
		background: none;
		padding: 0;
		margin: 0;
	}	
	p#chemin span.chemin_first {
	}
	p#chemin span.chemin_first em, p#chemin span.chemin_0 {
		display: none;
	}
	p#chemin a {
		color: #369;
		text-decoration: none;
	}
	p#chemin a:hover {
		background: #369;
		color: white;
	}
	p#chemin a span {
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative;
		float: right;
		width: 590px;
		padding: 295px 0 0 0;
		margin: 0 30px 0 0;
		_margin: 0 15px 0 0;
	}
	#global #contenu .descPage {
		position: relative;
		float: right;
		width: 590px;
		_width: 586px;
	}
	#global #contenu .descPdt {
		display: none;
	}
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/
	#nav {
		position: relative;
		float: left;
		width: 360px;
		margin: 220px 0 0 0;
		padding: 0 0 25px 0;
		background: url(../images/f-nav.png) no-repeat left top;
		overflow: visible;
	}
	#nav .deco {
		position: absolute;
		left: -70px;
		bottom: 0;
		width: 430px;
		height: 101px;
		background: url(../images/deco-nav.png) no-repeat;
	}
	#nav p#numtel {
		position: absolute;
		left: -999em;
		top: 0;
	}
	
	#menu_menuprincipal {
		position: relative;
		margin: 0 0 0 90px;
		padding: 120px 0 0 0;
		width: 239px;
		background: #70a6cf url(../images/f-entete-menuprcpl.png) no-repeat left top;
	}
	#menu_menuprincipal h3 {
		position: absolute;
		left: -999em;
		top: 0;
	}	
	#menu_menuprincipal ul {
		position: relative;
		margin: 0;
		padding: 0 10px 30px 10px;
		width: 219px;
		
		background: url(../images/f-bottom-menuprcpl.png) no-repeat left bottom;

	}	
	#menu_menuprincipal li {
		list-style: none;
		border-bottom: 1px solid #b8d3e7;
		padding: 0.2em 0;
	}	
	#menu_menuprincipal li a {
		color: #036;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none;
		background: url(../images/puce-fleche1.png) no-repeat left center;
		padding-left: 1em;
	}	
	#menu_menuprincipal li a:hover {
		color: white;
	}
	/*
	#menu_menuprincipal ul ul li a.lienActif {
		color: white;
		font-weight: bold;
	}
	*/
	
	#menu_menuprincipal ul ul { 
		position: relative;
		margin: 0 0 0 2em;
		padding: 0;
		width: auto;
		background: none;
	}	
	#menu_menuprincipal ul li:hover ul {
	}	
	#menu_menuprincipal ul ul li {	
		border-bottom: none;
		border-top: 1px solid #90b9d7;	
	}	
	#menu_menuprincipal ul ul li a {
		color: #036;
		font-size: 1.1em;
		font-weight: normal;
		text-decoration: none;
		background: url(../images/puce-fleche2.png) no-repeat left center;
		padding-left: 1em;
	}	
	#menu_menuprincipal ul ul li a:hover {
	}
	
	/********************************/
	/*		MENU OUTILS				*/
	/********************************/
	#menuOutils {
		position: absolute;
		top: 10px;
		right: 0;
		height: 24px;
		padding: 0 10px 0 20px;
		background: url(../images/f-outils.png) no-repeat;
	}
	#menuOutils ul {
		position: relative;
		float: left;
		margin: 2px 0 0 0;
		padding: 0;
		list-style: none;
	}
	#menuOutils ul li {
		position: relative;
		float: left;
		margin-right: 0.2em;
	}
	#menuOutils ul li a {
	}
	#menuOutils ul li a img {
		border: none;
	}
	
	/********************************/
	/*	MENU RACCOURCIS SEJOURS		*/
	/********************************/
	#menu_raccourcisSejours {
		position: absolute;
		top: 198px;
		left: 7px;
	}
	#menu_raccourcisSejours img {
		position: absolute;
		left: 0;
		top: 0;
	}
	#menu_raccourcisSejours span {
		_position: absolute;
		_left: 0;
		_top: 0;
	}
	#menu_raccourcisSejours a span {
		_position: absolute;
		_left: 5px;
		_top: -85px;
	}
	#menu_raccourcisSejours ul {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu_raccourcisSejours li {
		position: relative;
		display: block;
		float: left;
		margin: 3px 11px 0 3px;
	}
	#menu_raccourcisSejours li a {
		position: relative;
		display: block;
		padding: 8px;
		width: 110px;
		height: 70px;
		font-size: 1.3em;
		line-height: 1em;
		font-weight: bold;
		text-decoration: none;
	}
	#menu_raccourcisSejours li a em {
		display: block;
		font-size: 0.7em;
		line-height: 1em;
		font-weight: normal;
		font-style: normal;
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {
		position: relative;
		margin-top: 1em;
		clear: both;
		border-top: 1px solid #a1bfd8;
		background: #bfcfd0 url(../images/f-page.png) repeat-x left bottom;
	}	
	#menu_menupieddepage h3 {
		position: absolute;
		left: -999em;
		top: 0;
	}	
	#menu_menupieddepage ul {
		position: relative;
		margin: 0;
		padding: 0.5em 0;
		text-align: center;
	}	
	#menu_menupieddepage li {
		display: inline;
		border-right: 1px solid #369;
		padding: 0 0.5em;
	}	
	#menu_menupieddepage li a {
		color: #369;
		text-decoration: none;
		font-size: 1em;
		white-space: nowrap;
	}	
	#menu_menupieddepage li a:hover {
		color: white;
	}
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible {
		position: absolute;
		left: -999em;
		top: 0;
	}	
	.leon {
		/*clear: both;*/
	}
	.leonvisuelpdt {
		clear: right;
	}
	.leon_menu_arbo {
		clear: left;
	}
	.editChampVide {
		display: none;
	}
	
	/*--	titraille	--*/
	#contenu h1#con_libelle {
		font-size: 2.4em;
		font-style: italic;
		font-weight: bold;
		color: #369;
		text-align: center;
		margin-top: 0.5em;
	}
	#contenu #con_descriptif h1 {
		font-size: 1.8em;
		font-weight: bold;
		color: #369;
	}
	#contenu #con_descriptif h2, #contenu h2.recherche {
		font-size: 1.2em;
		font-weight: bold;
		color: #369;
	}
	#contenu #con_descriptif h3 {
		font-size: 1.2em;
		font-weight: normal;
		color: #369;
	}
	#contenu #con_descriptif h4 {
		font-size: 1.1em;
		font-weight: normal;
		font-style: italic;
		color: #369;
	}
	
	/*--	listes générales	--*/
	#contenu ul {
	}
	#contenu ul li {
		list-style-image: url(../images/puce-chemin.png);
	}
	
	/* liens contenus */
	#contenu a {
		color: #369;
		text-decoration: underline;
	}
	#contenu a:hover {
		text-decoration: none;
		background: #369;
		color: white;
	}
	#contenu a img {
		border: none;
	}
	#contenu a:hover img {
		border: none;
		text-decoration: none;
	}
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		font-size: 1.2em;
		font-style: italic;
		color: #369;
		margin-bottom: 1em;
		text-align: center;
	}
	#contenu #con_descriptif {
		font-size: 1.1em;
	}
	#contenu #con_descriptif table {
	}
	#contenu #con_descriptif table td {
	}
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo {
		position: relative;
		margin: 1em 0;
		padding: 0;
		border: 1px solid #a1bfd8;
	}
	#contenu .menu_arbo h3 {
		margin: 0;
		padding: 0.2em 0.5em;
		background-color: #a1bfd8;
		font-size: 1.4em;
		color: #369;
	}
	#contenu .menu_arbo ul {
		position: relative;
		margin: 0;
		padding: 5px;
		list-style: none;

	}
	#contenu .menu_arbo li {
		position: relative;
		float: left;
		margin: 5px;
		_margin: 3px;
		border: 1px solid #a1bfd8;
		background: #a1bfd8;
		list-style: none;
		
		width: 132px;
		height: 150px;

	}
	#contenu .menu_arbo li a {
		color: #369;
		text-decoration: none;
		font-size: 1.2em;
	}
	#contenu .menu_arbo li a:hover {
		background: none;
		color: white;
	}
	#contenu .menu_arbo li img {
		display: block;
		width: 132px;
		height: 90px;
		border: none;
	}
	#contenu .menu_arbo li strong {
		display: block;
		margin: 5px;
	}
}
@media print{
	body {
		margin: 0;
		padding: 0;
		font-family: verdana, arial, "sans serif";
		font-size: 12pt;
	}
	
	#global {
		position: relative;
		width: 100%;
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 10px;
		left: 0;
		width: 100%;
		height: 100px;
		background: url(../images/logo.png) no-repeat left center;
	}
	#entete h1, #entete #visuel {
		display: none;
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		display: none;
	}	
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative;
		width: 100%;
		padding: 120px 0 0 0;
		margin: 0;
	}
	#global #contenu .descPage {
		position: relative;
	}
	#global #contenu .descPdt {
		display: none;
	}
	
	/********************************/
	/*			MENUS				*/
	/********************************/
	#nav, #menuOutils, #menu_menupieddepage, hr {
		display: none;
	}
	
	/********************************/
	/*	MENU RACCOURCIS SEJOURS		*/
	/********************************/
	#menu_raccourcisSejours {
		position: relative;
		margin-top: 30pt;
	}
	#menu_raccourcisSejours h3 {
		display: none;
	}
	#menu_raccourcisSejours img {
		position: absolute;
		left: 0;
		top: 0;
	}
	#menu_raccourcisSejours ul {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu_raccourcisSejours li {
		position: relative;
		display: block;
		float: left;
		margin: 3px 11px 0 3px;
	}
	#menu_raccourcisSejours li a {
		position: relative;
		display: block;
		padding: 8px;
		width: 110px;
		height: 70px;
		font-size: 10pt;
		line-height: 9pt;
		font-weight: bold;
		text-decoration: none;
	}
	#menu_raccourcisSejours li a em {
		display: block;
		font-size: 7pt;
		line-height: 10pt;
		font-weight: normal;
		font-style: normal;
	}
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible {
		position: absolute;
		left: -999em;
	}	
	.leon {
		/*clear: both;*/
	}
	.leonvisuelpdt {
		clear: right;
	}
	.leon_menu_arbo {
		clear: left;
	}
	.editChampVide {
		display: none;
	}
	#papillon {
		display: none;
	}
	
	/*--	titraille	--*/
	#contenu h1#con_libelle {
		font-size: 24pt;
		font-style: italic;
		font-weight: bold;
		color: #369;
		text-align: center;
		margin-top: 0;
	}
	#contenu #con_descriptif h1 {
		font-size: 18pt;
		font-weight: bold;
		color: #369;
	}
	#contenu #con_descriptif h2, #contenu h2.recherche {
		font-size: 12pt;
		font-weight: bold;
		color: #369;
	}
	#contenu #con_descriptif h3 {
		font-size: 12pt;
		font-weight: normal;
		color: #369;
	}
	#contenu #con_descriptif h4 {
		font-size: 11pt;
		font-weight: normal;
		font-style: italic;
		color: #369;
	}
	
	/*--	listes générales	--*/
	#contenu ul {
	}
	#contenu ul li {
		list-style-image: url(../images/puce-chemin.png);
	}
	
	/* liens contenus */
	#contenu a {
		color: #369;
		text-decoration: underline;
	}
	#contenu a:hover {
		text-decoration: none;
		background: #369;
		color: white;
	}
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		font-size: 12pt;
		font-style: italic;
		color: #369;
		margin-bottom: 1em;
	}
	#contenu #con_descriptif {
		font-size: 11pt;
	}
	#contenu #con_descriptif table {
	}
	#contenu #con_descriptif table td {
	}
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo {
		position: relative;
		margin: 1em 0;
		padding: 0;
		border: 1px solid #a1bfd8;
	}
	#contenu .menu_arbo h3 {
		margin: 0;
		padding: 0.2em 0.5em;
		background-color: #a1bfd8;
		font-size: 13pt;
		color: #369;
	}
	#contenu .menu_arbo ul {
		position: relative;
		margin: 0;
		padding: 5px;
		list-style: none;
	}
	#contenu .menu_arbo li {
		position: relative;
		display: block;
		margin: 5px;
		border: 1px solid #a1bfd8;
		background: #a1bfd8;
		list-style: none;
		width: 132px;
		height: 150px;
	}
	#contenu .menu_arbo li a {
		color: #369;
		text-decoration: none;
		font-size: 11pt;
	}
	#contenu .menu_arbo li a:hover {
	}
	#contenu .menu_arbo li img {
		display: block;
		width: 100%;
		border: none;
	}
	#contenu .menu_arbo li strong {
		display: block;
		margin: 5px;
	}
}