@charset "UTF-8";


@media screen{
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 62.5%;
		text-align: center;
		background-color: #FEF7EB;
	}
	
	#global {
		position: relative;
		margin: 0 auto;
		width: 980px;
		font-size: 1em;
		text-align: left;
	}
	
	a {
		color : #c50006;
		text-decoration : none;
	}
	
	a:hover {
		color : #94be00;
		color: black;
	}
	
	img {
		border : none;
	}
	
	/********************************/
	/*		MINI DIAPORAMA			*/
	/********************************/
	
	.minidiaporama {
		position: relative;
		margin-left: 1em;
	}
	
	.minidiaporama ul {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 400px;
		height: 300px;
		overflow: hidden;
	}
	
	.minidiaporama li {
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 980px;
		height: 160px;
		background: url(../images/f-entete.png) no-repeat 495px 1px;
	}
	
	#entete #logo {
		position: absolute;
		width: 118px;
		height: 118px;
		top: 32px;
		left: 24px;
		background: url(../images/logo_martable.png) no-repeat;
	}
	
	/*#entete #logo a {
		display: block;
		width: 118px;
		height: 118px;
		text-decoration: none;
	}*/
	
	#entete h1 {
		position: absolute;
		top: 28px;
		left: 125px;
		margin: 0;
		font-size: 4.4em;
		font-weight: normal;
		color: #C50006;
	}
	
	#entete h2 {
		position: absolute;
		top: 80px;
		left: 145px;
		margin: 0;
		font-size: 2.5em;
		font-weight: normal;
		color: #C50006;
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position: absolute; top: 225px; left: 28px;
		margin: 0; padding: 0 0 0 2em; width: 95%; height: 24px; line-height: 24px;
		background: url(../images/puce-chemin.png) no-repeat left center;
	}	
	p#chemin span { font-size: 1.1em; padding-left: 1em; background: url(../images/puce-chemin-int.png) no-repeat left center; }	
	p#chemin span.chemin_first { background: none; padding-left: 0; }
	p#chemin a { color: black; }
	p#chemin a:hover { text-decoration: none; }
	p#chemin a span { font-size: 1em; background: none; padding-left: 0; }
	p#chemin em, p#chemin span.chemin_0 { position: absolute; left: -999em; top: 0; }
	
	#cheminfer2 { position: relative; margin-top: 1.5em; }
	#cheminfer2 p#chemin { position: relative; top: auto; left: auto; 
		margin: 0; padding: 0 0 0 2em; width: 95%; height: 24px; line-height: 24px;
		background: url(../images/puce-chemin.png) no-repeat left center;
	}	
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative; padding: 198px 0 0 0; margin-bottom: 2em;
		text-align: center;
		_border: #EDF4FB 1px solid;
	}
		
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	#contenu .deco {
		position: relative;
		margin-left: 50px;
		*margin-left: 0;
		width: 880px;
		height: 20px;
		background: url(../images/bas-contenu-categ.png) no-repeat left bottom;
	}
	
	/*--	titraille	--*/
	
	.h1 {
		position: relative; display: -moz-inline-box; display: inline-block;
		margin: 0 auto 1.5em auto; padding: 0 2.5em; height: 43px; line-height: 43px;
		border: none; _border: 1px solid #005EAB;
		background: url(../images/f-titre-bateaux.png) no-repeat left top; _background-color: white;
		z-index: 2; text-align: center;
	}
	
	.h1 h1#con_libelle,
	.h1 h1#con_libelle_editeur { 
		display:inline;
		font-size: 3em; font-weight: normal; color: #c50006; 
	}
	.h1 h1#con_libelle_editeur { font-size: 1.2em; }
	.h1 .decoh1 {
		position: absolute; top: 0; right: 0;
		display: block; width: 20px; height: 43px;
		background: url(../images/deco-titre-bateaux.png) no-repeat right top; _background: none;
	}
	
	#contenu #con_descriptif h1,
	#contenu .con_descriptif h1 { font-size: 1.8em; background-color: #EED6B9; color: #c50006; } }
	#contenu #con_descriptif h2,
	#contenu .con_descriptif h2 { font-size: 1.6em; background-color: #EED6B9; color: #c50006; font-weight: normal; }
	#contenu #con_descriptif h3,
	#contenu .con_descriptif h3 { font-size: 1.4em; color: #c50006; }
	#contenu #con_descriptif h4,
	#contenu .con_descriptif h4 { font-size: 1.4em; color: #c50006; font-weight: normal; }
	#contenu #con_descriptif p, #contenu #con_descriptif ul,
	#contenu .con_descriptif p, #contenu .con_descriptif ul { font-size: 1.2em; }
	
	/*--	listes générales	--*/
	#contenu ul {
	}
	#contenu ul li {
	}
	
	#contenu hr { border: none; height: 1px; color: #C50006; background: #C50006; clear: both; }
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		position: relative;
		display: block;
		margin: -2em 0 0 50px;
		*margin: -2em 0 0 0;
		padding: 1.5em 28px 0.5em 28px;
		width: 824px;
		text-align: justify;
		font-size: 2em;
		color: #E39678;
		background: url(../images/f-chapeau-bateaux.png) no-repeat;
		/*z-index: 1;*/
	}
	
	#contenu #conteneurDesc #con_descriptif {
		padding-top: 3em;
	}
	
	#contenu #con_descriptif div.tableau table,
	#contenu .con_descriptif div.tableau table  { border-collapse: collapse; margin: 2px; font-size: 1.2em; }
	
	#contenu #con_descriptif div.tableau table td,
	#contenu .con_descriptif div.tableau table td { border: 1px solid #5F5F5F; padding: 2px; }
	
	#contenu #con_descriptif div.tableau caption,
	#contenu .con_descriptif div.tableau caption { font-size: 1.2em; font-weight: bold; color: #5F5F5F; }
	
	#contenu #con_descriptif table h3,
	#contenu .con_descriptif table h3 { text-decoration : underline; color : #FF6532; }
	
	#contenu #con_descriptif table li { }
	
	/*-- dates de création et de modification	--*/
	#contenu ul#dates-crea-modif {
	}
	#contenu ul#dates-crea-modif li {
	}
	
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	
	/* GOOGLE MAP */
	#cartegoogle {
		position: relative;
		margin: 0 auto;
	}
	
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	
	/* GALERIE PHOTO PLANCHE CONTACT*/
	ul.galerie_contact {
		position: relative;
		margin: 1em 60px 0 60px;
		padding: 0;
	}	
	ul.galerie_contact li {
		position: relative;
		display: block;
		float: left;
		margin: 0.2em;
		padding: 0;
	}	
	ul.galerie_contact li a {
		position: relative;
		display: block;
		padding: 2px;
		margin-bottom: 0.5em;
		width: 200px;
		height: 200px;
		background: white url(../images/f-photo.png) repeat-x;
		border: 1px solid #95BF00;
		border-bottom: 2px solid #6C8C22;
		border-right: 2px solid #6C8C22;
	}	
	ul.galerie_contact li a img {
		position: absolute;
		left: 50%;
		top: 50%;
		border: 1px solid #95BF00;
	}
	ul.galerie_contact li span.titreImgGalerie {
		position: relative;
		display: block;
		color: #7eb907;
		font-size: 1.3em;
		margin-bottom: 0.3em;
	}
	ul.galerie_contact li span.descriptifImgGalerie {
		position: relative;
		display: block;
		height: 5em;
		overflow: auto;
	}
}
@media print{
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 12pt;
	}
}



	/********************************/
	/*		MENU 1 = NAVIGATION		*/
	/********************************/
	#menu_menuprincipal { position: absolute; top: 128px; left: 204px; width: 699px; height : 32px; }	
	#menu_menuprincipal ul { position: relative; margin: 0; padding: 0; width: 699px; height : 32px; }	
	#menu_menuprincipal li { position: relative; display: block; float: left; margin-right: 1px; }	
	#menu_menuprincipal li a {
		position: relative; display: block; width: 96px; height: 32px; line-height: 32px;
		text-align: center; font-size: 1.2em; font-weight: bold; color: white; text-decoration: none; 
		background: url(../images/btn-menu.png) no-repeat left top;
	}
	#menu_menuprincipal li.menuActif a,
	#menu_menuprincipal li.lienActif a { background-position: left -32px; }	
	#menu_menuprincipal li a:hover { background-position: left -32px; }
	
	#menu_menuprincipal ul ul {
		position: absolute;
		left: -999em;
		margin: 0;
		padding: 4px 10px 3px 10px;
		width: 756px;
		height: 26px;
		background: url(../images/f_ssmenu.png) no-repeat bottom left;
		z-index: 100;
	}	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul,
	#menu_menuprincipal ul li.menuActif ul,
	#menu_menuprincipal ul li.lienActif ul {
		left: 0;
	}
	
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul { background : url(../images/f_ssmenu.png) no-repeat top left;}
	
	#menu_menuprincipal ul li:hover,
	#menu_menuprincipal ul li.sfhover { z-index: 1000; }
	
	#menu_menuprincipal ul ul li { margin: 0; }	
	
	#menu_menuprincipal ul ul li a {
		position: relative; margin: 0; padding: 0 5px;
		display: block; width: 115px; height: 26px; line-height: 0.8em;
		text-align: center; font-size: 1.1em; font-weight: normal; text-decoration: none; color: white;
		border-right: 1px solid white;
		background: none;
	}
	#menu_menuprincipal ul ul li.lienActif a { color: white; }
	#menu_menuprincipal ul ul li a:hover { color: black; }
	
	#menu_menuprincipal ul li.gobackhome {
		position: absolute;
		top: -4px;
		left: -50px;
		display: block;
		float: none;
		margin-right: 0;
	}
	#menu_menuprincipal ul li.gobackhome a {
		position: relative;
		display: block;
		width: 34px;
		height: 26px;
		line-height: 26px;
		margin-top: 8px;
		background: url(../images/gobackhome.png) no-repeat left top;
	}
	#menu_menuprincipal ul li.gobackhome a span {
		position: absolute;
		left: -999em;
		top: 0;
	}
	
	/********************************/
	/*		MENU FRERE				*/
	/********************************/
	#menufrere {
		position: relative;
		margin: 0.5em 50px 3em 50px; padding: 0 5px; width: 870px; min-height: 32px; height: auto; _height: 32px;
		background: url(../images/f_menufrere.png);
		text-align: center;
	}
	#menufrere h3 { position: absolute; top: 0; left: -999em; }
	#menufrere ul { margin: 0 auto; padding: 0; list-style: none; }
	#menufrere ul li {
		position: relative; margin: 2px 1px; padding: 0;
		display: block; float: left;
	}
	#menufrere ul li a {
		display: block; padding: 0 2px; width: 116px; height: 28px;
		background-repeat: no-repeat;
		background-image: url(../images/f_bloc_menufrere.png);
		background-position: left top;
		color: black; text-decoration: none;
	}
	#menufrere ul li.lienActif a { background-position: left bottom; color: white;  }
	#menufrere ul li a:hover { background-position: left center; color: white; }
	
	/********************************/
	/*		MENU AUTRES SITES		*/
	/********************************/
	#menu_autresSites { position: absolute; top: 0; right: 0; text-align: center; }
	#menu_autresSites ul { position: relative; margin: 0; padding: 0; width: 980px; width: auto; list-style: none; }
	#menu_autresSites ul li { position: relative; }
	#menu_autresSites ul li a {
		position: relative; display: block; padding: 2px 0 0 0; width: 192px; height: 30px;
		background-image: url(../images/angles_menu_autres.png);
		background-repeat:  no-repeat;
		background-position: left top;
		font-size: 1.2em; line-height: 1.1em; font-weight: bold; color: white; text-decoration: none;
	}
	#menu_autresSites ul li#menu_autresSites_49 a { background-color: #006666; }
	#menu_autresSites ul li a:hover { filter: alpha(opacity = 50); -moz-opacity: 0.5; opacity: 0.5; }
	#menu_autresSites ul li a span {}
	
	/********************************/
	/*		MENU ANNEXE				*/
	/********************************/
	#menu_menuAnnexe {
		position: absolute; top: 94px; left: 591px;
		margin: 0; width: 291px; height: 32px;
	}
	#menu_menuAnnexe ul {
		position: relative; margin: 1px 0 0 0; padding: 0; height: 32px;
		background: url(../images/f-menuannexe-accueil-int.png) no-repeat 1px 0;
	}
	#menu_menuAnnexe ul li { position: relative; float: right; display: block; margin-left: 1px; width: 96px; height: 32px; }
	#menu_menuAnnexe ul li a {
		position: relative; display: block;
		width: 96px; height: 32px; line-height: 32px;
		text-align: center; font-weight: bold; font-size: 1.2em; color: white; text-decoration: none;
	}
	#menu_menuAnnexe ul li a:hover { background: url(../images/f-menuannexe-accueil-int.png) no-repeat center left; }	
	#menu_menuAnnexe ul li a.lienActif { background: url(../images/f-menuannexe-accueil-int.png) no-repeat bottom left; }
	
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#pied {
		position: relative; width: 980px; height: 96px;
		background: url(../images/f-piedpage.png) no-repeat right top;
		text-align: center;
	}
	p#infopied { margin: 0; padding-top: 30px; font-size: 1.4em; }
	#blocpied { position: absolute; right: 0; top: 0; padding: 5px; width: 86px; height: 86px; text-align: left; }
	#blocpied h3 { font-size: 1em; font-weight: bold; margin: 0; }	
	#blocpied ul { margin: 0; padding: 0; }	
	#blocpied li { list-style: none; }	
	#blocpied li a { font-size: 0.9em; color: black; text-decoration: none; }	
	#blocpied li a:hover { text-decoration: underline; }
	#menu_menupieddepage h3 { position: absolute; left: -999em; top: 0; }
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue { position: absolute; top: 97px; top: 65px; right: 0; width: 96px; }
	#menu_langue ul { margin: 3px 0 0 0; padding: 0; }	
	#menu_langue ul li { list-style: none; }
	#menu_langue ul li span { }
	#menu_langue ul ul { position: relative; margin: 0 5px; _margin: 0; *margin: -1em 5px 0 5px; }
	#menu_langue ul ul li { display: block; width: 86px; border-bottom: 1px solid #9CD5DA; }
	#menu_langue ul li a {
		position: absolute; top: 0; left: -999em; display: block;
		color: #0068B4; text-decoration: none;
	}
	#menu_langue ul ul li a { position: relative; top: auto; left: auto; }
	#menu_langue ul li a:hover { color: white; }
	#menu_langue ul li a img { border: none; vertical-align: middle; margin: 2px 5px 2px 0; }
	


@media screen {
	/********************************/
	/*		MOTEUR DE RECHERCHE		*/
	/********************************/
	form#mrecherche_rechercheGlobale {
		position: absolute;
		top: 65px;
		right: 97px;
		height: 32px;
	}
	form#mrecherche_rechercheGlobale p {
			position: absolute;
			margin: 0;
	}
	form#mrecherche_rechercheGlobale p#p_rech_input_rechercheGlobale {
		right: 97px;
	}
	form#mrecherche_rechercheGlobale p#p_rech_btn_rechercheGlobale {
		right: 0;
	}
	form#mrecherche_rechercheGlobale p#p_rech_input_rechercheGlobale input {
		position: relative;
		left: auto;
		width: 182px;
		margin: 0;
		padding: 0 5px;
		height: 20px;
		border: none;
		background: url(../images/f-inputrecherche.png) no-repeat;
	}
	form#mrecherche_rechercheGlobale p#p_rech_btn_rechercheGlobale input {
		position: relative;
		left: auto;
		width: 96px;
		margin: 0;
		padding: 0;
		height: 20px;
		border: none;
		background: url(../images/f-btnrecherche.png) no-repeat;
		color: white;
		font-weight: bold;
		cursor: pointer;
	}
	
	.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_rechercheGlobale {
		display: none;
	}
}

@media screen {
	#contenu #barreoutils {
		position: absolute;
		bottom: -21px;
		left: 75px;
	}
	#contenu #barreoutils ul {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#contenu #barreoutils li {
		position: relative;
		float: left;
		display: block;
		width: 42px;
		height: 42px;
		margin-right: 5px;
	}
	#contenu #barreoutils a {
	}
	#contenu #barreoutils img {
		border: none;
	}
}

@media print {
	#contenu #barreoutils {
		display: none;
	}
}