@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: #EDF3FB;
	}
	
	#global {
		position: relative; margin: 0 auto; width: 980px;
		font-size: 1em; text-align: left;
	}
	
	/********************************/
	/*			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; top: 32px; left: 24px; width: 120px; height: 120px; top: 24px; left: 0px;
		background: url(../images/logo.jpg) no-repeat;
	}
	#entete #logo a { display: block; width: 80px; height: 80px; text-decoration: none; }
	#entete h1 {
		position: absolute; top: 28px; left: 115px; margin: 0;
		font-size: 4.4em; font-weight: normal; color: #0068B4;
	}
	#entete h2 {
		position: absolute; top: 80px; left: 140px; margin: 0;
		font-size: 2.5em; font-weight: normal; color: #0068B4;
	}
	
	/********************************/
	/*		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; left: -999em; top: 0; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { }
	#contenu hr { color: #A4BEDF; background-color: #A4BEDF; height: 1px; border: 0; clear: both; }
	
	a#topofthepage {
		position: fixed; bottom: 11em; margin-left: 956px;
		display: block; width: 24px; height: 24px;
		background: url(../images/toppage24.png) no-repeat;
	}
	a#topofthepage span { position: absolute; top: 0; left: -999em; }
	
	#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;
	}
	
	#contenu a { color: #EF7F00; text-decoration: none; }
	
	/*--	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: #006AB2; 
	}
	.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 h1#con_libelle {
		position: relative;
		text-align: center; font-size: 3em; font-weight: normal; color: #006AB2;
		z-index: 2;

	}
	
	#contenu h1#con_libelle span {
		margin: 0; padding: 0.2em 0; *padding: 0;
		border: none; _border: 1px solid #005EAB;
		background: url(../images/f-titre-bateaux.png) no-repeat left top; 	_background-color: white;
		
	}
	#contenu h1#con_libelle span.deco {
		padding: 0.2em 1em; _padding: 0.2em 1em 0 1em;
		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: #A4BEDF; color: #006AB2; clear: both; }
	#contenu #con_descriptif h2,
	#contenu .con_descriptif h2 { font-size: 1.6em; background-color: #A4BEDF; color: #006AB2; font-weight: normal; clear: both; }
	#contenu #con_descriptif h3,
	#contenu .con_descriptif h3 { font-size: 1.4em; color: #006AB2; clear: both; }
	#contenu #con_descriptif h4,
	#contenu .con_descriptif h4 { font-size: 1.4em; color: #006AB2; font-weight: normal; clear: both; }
	#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 { }
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau {
		position: relative; display: block;
		margin: -2em 0 0 50px; *margin: -2em 0 0 0; padding: 2.5em 28px 0.5em 28px; width: 824px; 
		text-align: justify; font-size: 2em; color: #A4BEDF;
		background: url(../images/f-chapeau-bateaux.png) no-repeat;
	}
	
	#contenu #con_descriptif {  }
	
	#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 { }
	
	#contenu #con_descriptif .fichiers a,
	#contenu .con_descriptif .fichiers a {
		background: url(../images/puce-telecharger.png) no-repeat left 4px;
		padding: 4px 0 4px 20px; border: none;
	}
	
	/*-- dates de création et de modification	--*/
	#contenu ul#dates-crea-modif { }
	#contenu ul#dates-crea-modif li { }
	
	/* ajout du 26 janvier 2009 */
	#contenu #con_descriptif img,
	#contenu .con_descriptif img { border: none; margin-right: 0.5em; }
	
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	
	/* GOOGLE MAP */
	#cartegoogle { position: relative; margin: 0 auto; }
	
	/* GALERIE PHOTO PLANCHE CONTACT*/
	#conteneurDesc.galerie ul.galerie_contact { position: relative; margin: 1em 50px 0 50px; padding: 0 10px; }	
	#conteneurDesc.galerie ul.galerie_contact li { position: relative; display: block; float: left; margin: 0.2em; padding: 0; }	
	#conteneurDesc.galerie ul.galerie_contact li a {
		position: relative; display: block; padding: 5px 4px; margin-bottom: 0.5em; width: 200px; height: 200px;
		background: white url(../images/f-photo.png) repeat-x;
		border: 1px solid #a09e8e; border-bottom: 2px solid #7a7866; border-right: 2px solid #7a7866;
	}	
	#conteneurDesc.galerie ul.galerie_contact li a img { 
		position: absolute; left: 50%; top: 50%;
		border: 1px solid #a09e8e;
	}
	#conteneurDesc.galerie ul.galerie_contact li span.titreImgGalerie {
		position: relative; display: block; margin-bottom: 0.3em;
		color: #7eb907; font-size: 1.3em;
	}
	#conteneurDesc.galerie ul.galerie_contact li span.descriptifImgGalerie { position: relative; display: block; height: 5em; overflow: auto; }
	
	
	/********************************/
	/*		MINI DIAPORAMA			*/
	/********************************/
	.minidiaporama { position: relative; margin-left: 1em; }
	.minidiaporama ul { position: relative; margin: 0; padding: 0; list-style: none; width: 450px; height: 300px;  overflow: hidden; }
	.minidiaporama li { position: absolute; top: 0; left: 0; visibility: hidden; }
	
	/********************************/
	/*		SHORT BASKET			*/
	/********************************/
	p#short_basket { position: absolute; top: 0; right: 194px; margin: 0; z-index: 4; }
	p#short_basket a {
		position: relative; display: block; padding: 2px 5px; width: 182px; height: 28px;
		font-size: 1.2em; line-height: 1.1em; font-weight: normal; color: #0069B1; text-decoration: none;
		background: #8FCED8 url(../images/angles_menu_autres.png) no-repeat left top;
	}
	/*p#short_basket a:hover { background-position: 0 -70px; color: white; }*/
	p#short_basket a strong { display: block; font-size:1em; font-weight: bold; }
	p#short_basket #nbProduit,
	p#short_basket #deuxpointsshortbasket,
	p#short_basket #totalshortbasket { display: none; }
}
@media print{
	body {
		margin: 0;
		padding: 0;
		font-family: arial, verdana, "sans serif";
		font-size: 12pt;
	}
	
	#global {
	}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #0068B4;
	}
	#entete #logo {
		position: absolute;
		width: 80px;
		height: 80px;
		top: 0;
		left: 0;
		background: url(../images/logo.png) no-repeat;
	}
	#entete h1 {
		position: relative;
		margin: 0 0 0 100px;
		font-size: 36pt;
		font-weight: normal;
		color: #0068B4;
	}
	#entete h2 {
		position: relative;
		margin: 0 0 0 100px;
		font-size: 24pt;
		font-weight: normal;
		color: #0068B4;
	}
	#entete h3#sanspermis {
		position: relative;
		margin: 0 0 0 100px;
		color: #0068B4;
		font-weight: normal;
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		display: none;
	}
	
	/********************************/
	/*		MENU 1 = NAVIGATION		*/
	/********************************/
	#menu_menuprincipal {
		display: none;
	}
	
	/********************************/
	/*		MENU AUTRES SITES		*/
	/********************************/
	#menu_autresSites {
		display: none;
	}
	
	/********************************/
	/*		MENU ANNEXE				*/
	/********************************/
	#menu_menuAnnexe {
		display: none;
	}
	
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#pied {
		display: none;
	}
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue {
		display: none;
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative;
		padding: 80pt 0 0 0;
	}
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { display: none; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }

	
	#contenu .deco { }
	
	/*--	titraille	--*/
	#contenu h1#con_libelle { position: relative; text-align: center; font-size: 24pt; font-weight: normal; color: #006AB2; }
	#contenu h1#con_libelle span { }
	#contenu h1#con_libelle span.deco { }
	#contenu #con_descriptif h1 { }
	#contenu #con_descriptif h2 { font-size: 16pt; background-color: #A4BEDF; color: #006AB2; }
	#contenu #con_descriptif h3 { }
	#contenu #con_descriptif h4 { }
	
	/*--	champs de texte		--*/
	#contenu #con_chapeau { position: relative; }
	
	/********************************/
	/*	MISES EN PAGE SPECIFIQUES	*/
	/********************************/
	
	/* GOOGLE MAP */
	#cartegoogle {
		position: relative;
		margin: 0 auto;
	}
	
	#papillon {
		display: none;
	}
}



	/********************************/
	/*		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 -64px; }	
	#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;
	}	
	#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: black;
		border-right: 1px solid white;
		background: none;
	}
	#menu_menuprincipal ul ul li.lienActif a { color: #fc3; }
	#menu_menuprincipal ul ul li a:hover { color: white; }
	
	#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_16 a { background-color: #06AAA9; }
	#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: 97px; 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;
		_position: relative;
		
		bottom: -21px;
		left: 75px;
		_bottom : auto;
		_left: auto;
		_margin: -21px 0 0 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;
	}
}