@charset "UTF-8";


@media screen{
	/***** TYPOS POSSIBLES ******/
	/* SANS-SERIF	: Arial, Verdana, Helvetica, Lucida grande (Mac uniquement) */
	/* SERIF		: "Times New Roman", Georgia, Baskerville */
	body { margin: 0; padding: 0; font-family: verdana, arial, "sans serif"; 
	font-size: 62.5%; text-align: center; background: #3d3c41 url(../images/f-body.png) no-repeat center top; 
	color: black;}
	#global { position: relative; margin: 0 auto; width: 980px; font-size: 1em; text-align: left;  background: url(../images/bande-droite.png) no-repeat right top;}
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { position: absolute; top: 0; left: 0;	}
	#entete h1 { margin: 12px 0 0 14px; }
	#entete h1 a { 
		position: relative; display: block; width: 111px; height: 81px;
		background: url(../images/logo-mondial.png) no-repeat left top;
	}

	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative; float: left; display: inline;
		margin: 215px 0 0 0; padding: 0 0 2em 0; width: 760px; min-height: 350px; 
		background: white url(../images/f-contenu.gif) no-repeat left bottom;
	 }
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { font-size: 1.6em; color: #005e7e;  margin: 20px;}
	#con_chapeau { font-size: 1.4em; line-height: 1.2em; color: #005e7e; margin: 0 20px}
	#con_descriptif { font-size: 1.3em; line-height: 1.5em; color: black; margin: 0 20px}
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.2em; color: #005e7e; }
	#con_descriptif h2 { font-size: 1.1em; color: #4581a1;}
	#con_descriptif h3 { font-size: 1em; color: #4581a1;}
	#con_descriptif h4 { font-size: 1em; color: #4581a1;}
	/*---------- listes ----------*/
	#con_descriptif ul { }
	#con_descriptif ul li { list-style-image: url(../images/puce-sombre.png); }
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption {  }
	/*---------- liens ----------*/
	#con_descriptif a { color: #005e7e; }
	#con_descriptif a:hover { text-decoration: none; }
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage { display: block; }
	#con_descriptif a.englobantimage:hover { background: none; }
	#con_descriptif a.imageright, #con_descriptif span.imageright { margin: 0 0 0 0.5em; }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { margin: 0 0.5em 0 0; }
	#con_descriptif img { border: none; max-width: 720px; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}	
	/*---------- séparateurs ----------*/
	#con_descriptif hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	/* blocs divers gérés dans le code côté admin */
	#con_descriptif .type1 {
		margin: 1em -20px; padding: 0.5em 20px; background: #dcd4dc;
		border-top: 5px solid #005e7e;
	}
	#con_descriptif .bandephotos {
		position: relative; width: 720px; height: 25px; overflow: hidden;
	}
	#con_descriptif .bandephotos img { max-width: 240px; margin-top: -100px; }
	/*---------- dates d'événement ---------*/
	p#dateEve {
		position: relative; margin: 0; padding: 1em 20px; font-size: 1.1em; color: #745274; 
		background: #f5eef5;
	}
	/*----- fichiers en téléchargement -----*/
	.fichiers {
		padding: 0.5em 0 0.5em 40px;
		border-top: 1px solid #745274; border-bottom: 1px solid #745274;
		background: #f5eef5 url(../images/telechargement.png) no-repeat 8px 3px;
	}
	.fichiers a { text-decoration: none; }
	#contenu .fichiers a:hover { color: #3D4F51 }
	/*----- pages externes  -----*/
	object { position: relative; margin: 0 20px; }
	
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- colonnage --*/
	#con_descriptif .colonne50 { position: relative; float: left; margin: 0 10px; width: 340px; }
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo { }
	#contenu .menu_arbo h3 { }
	#contenu .menu_arbo ul {}
	#contenu .menu_arbo li {}
	#contenu .menu_arbo li a {}
	#contenu .menu_arbo li a:hover {}
	#contenu .menu_arbo li img {}
	#contenu .menu_arbo li strong {}
	
	/*-- mise en forme de la rubrique montage d'une piscine */
	.montagePiscine { position: relative; margin: 20px; width: 720px; height: 365px; background: url(../images/montage-piscine.jpg) no-repeat; }
	.montagePiscine .pair, .montagePiscine .impair { 
		position: absolute; display: block; margin: -10px 0 0 -10px; padding: 0; width: 20px; height: 20px;
		font-size: 1.2em;
		background: url(../images/puce-info.png) no-repeat; overflow: hidden; cursor: pointer; z-index: 1;
	}
	.montagePiscine .numero_1 { top: 170px; left: 500px; }
	.montagePiscine .numero_2 { top: 155px; left: 140px; }
	.montagePiscine .numero_3 { top: 60px; left: 330px; }
	.montagePiscine .numero_4 { top: 35px; left: 550px; }
	.montagePiscine .numero_5 { top: 115px; left: 430px; }
	.montagePiscine .pair:hover, .montagePiscine .impair:hover { 
		display: block; padding: 0; width: 400px; height: auto; 
		background: #dcd4dc; z-index: 10;
	}
	.montagePiscine h2 { 
		position: relative; margin: 0; padding: 3px 10px; margin: 40px;
		font-size: 1.3em; font-weight: normal; color: white; 
		background: #813d6e; 
	}
	.montagePiscine .pair:hover h2, .montagePiscine .impair:hover h2 { margin: 0; }
	.montagePiscine .image { 
		position: relative; display: block; float: left; margin-right: 10px;
		width: 180px; height: 150px; overflow: hidden;  
	}
	.montagePiscine .image img { position: absolute; top: 50%; left: 50%; }
	.montagePiscine .desc { margin-right: 10px; }
	
	/*-- diaporamas flash --*/
	.diaporama { position: relative; margin: 0; /* 20px;*/}
	
	/*-- mise en forme de la rubrique FAQ --*/
	.faq { position: relative; margin: 0 20px; }
	.questions { 
		position: relative; margin: 1em 0; padding: 1em 40px;
		font-size: 1.2em; 
		background: #dcd4dc; border-top: 5px solid #745274;
	}
	.questions ul { margin: 0; padding: 0; }
	.questions li { list-style-image: url(../images/puce-sombre.png); }
	.questions a { color: #562047; text-decoration: none; }
	.questions a:hover { background: #562047; color: white; }
	
	.reponses { position: relative; font-size: 1.2em; }
	.reponses .impair { position: relative; margin: 0 -20px; padding: 0.5em 20px; background: #f5eef5; }
	.reponses h2 { font-size: 1.4em; color: #765173; }
	.reponses h3 { font-size: 1.3em; color: #765173;}
	.reponses h4 { font-size: 1.2em; color: #765173;}
	.reponses li { margin: 0.3em 0; }
	.reponses p.plusdinfo {
		position: relative; margin: 1em 3em; padding: 0.5em; text-align: center;
		background: #813d6e;
	}
	.reponses p.plusdinfo a { color: white; text-decoration: none; }
	.reponses p.plusdinfo a:hover { color: #dcd4dc; }
	.reponses table { width: 70%; margin: 0; border: 1px solid #dcd4dc; }
	.reponses caption { display: none; }
	.reponses td {}
	.reponses p.gotoTop { position: relative; text-align: right; margin: 2em 36px 1em 36px; }
	.reponses p.gotoTop a { 
		display: block; padding-right: 8px;
		color: #639194; text-decoration: none; 
		background: url(../images/flechetop.png) no-repeat right center; 
	}
	.reponses p.gotoTop a:hover { color: white; background: #639194; } 
		
}
@media print{
  body { background: white; color: black;}
	
}


@media screen { 
	#bande_haute{
		position: absolute; top: 100px; left: 0; width: 980px; height: 70px;
		background: url(../images/f-bande_haute.png) no-repeat left top;
	}
	/********************************/
	/*		MENU NAVIGATION			*/ 
	/********************************/
	#menu_menuprincipal { position: absolute; top: 0; left: 0; }
	#menu_menuprincipal h3 {position: absolute;	top: 0;	left: -999em;}
	#menu_menuprincipal ul {
		position: relative;	margin: 0 0 0 12px; padding: 0; list-style: none;
	}
	#menu_menuprincipal ul li {position: relative; display: inline; float: left; margin: 0; padding: 0; }
	#menu_menuprincipal ul li a { 
		position: relative; display: block; height: 30px;
		background-repeat: no-repeat;	
		border-bottom: 5px solid #4581a1;
	}
	#menu_menuprincipal ul li img { display: none; }
	#menu_menuprincipal ul li a span{ position: absolute; top: 0; left: -999em; }

	#menu_menuprincipal ul ul {
		position: absolute; top: 35px; left: -999em; 
		margin: 0; padding: 10px; list-style: none; width: 740px; min-height: 55px; 
		background: #629fb8; border-bottom: 5px solid #c7dedf;
	}
	#menu_menuprincipal ul li:hover ul,
	#menu_menuprincipal ul li.sfhover ul { left: -12px; }
	#menu_menuprincipal ul ul li {
		position: relative;	margin-right: 5px; padding-right: 5px; display: block; min-height: 55px; width: 174px;
		border-right: 1px solid #107293;
	}
	#menu_menuprincipal ul ul li a { height: 55px; color: white; text-decoration: none; }
	#menu_menuprincipal li#menu_menuprincipal_8 li a,
	#menu_menuprincipal li#menu_menuprincipal_9 li a,
	#menu_menuprincipal li#menu_menuprincipal_10 li a,
	#menu_menuprincipal li#menu_menuprincipal_27 li a { width: auto; background: none; border: none;}
	#menu_menuprincipal ul ul li a:hover { background-color: #427177; }
	#menu_menuprincipal li li a span{position: relative; top: auto; left: auto;}
	#menu_menuprincipal ul ul li img { display: block; width: 49px; height: 49px; margin-right: 5px; float: left; border: 3px solid #107293; }
	/********************************/ 
	/*		SOUS MENU				*/
	/********************************/
	#menu_sousmenu {
		position: absolute; top: 35px;	left: 0; width: 760px; height: 75px;
		background: #c7dedf; border-bottom: 5px solid #c7dedf; 
	}
	#menu_sousmenu.noparent { background: #c7dedf ; }
	#menu_sousmenu ul {
		position: absolute; top: 0; left: 0;
		margin: 0 0 0 10px; padding: 0; width: 750px; height: 20px; list-style: none; 
		background: #c7dedf;
	}
	#menu_sousmenu li {
		position: relative; display: inline;  line-height: 20px;
		margin: 0; padding:0  0.3em;
		border-right: 1px solid #107293;
	}
	#menu_sousmenu li a {color: #3d3c41; text-decoration: none; }
	#menu_sousmenu li a:hover { color: #427177; }
	#menu_sousmenu li a.lienActif{font-weight: bold; }
	#menu_sousmenu img { position: absolute; top: 20px; left: 0; width: 760px; height: 55px; }
	/********************************/ 
	/*		MENU DROIT				*/
	/********************************/
	#menudroit{position: relative; float: left; display: inline; width: 220px; margin: 160px 0 0 0; padding:0; }
	#menu_menudroit {}
	#menu_menudroit h3 {position: absolute;	top: 0;	left: -999em;}
	#menu_menudroit ul {position: relative;	margin: 0 10px; padding: 0; list-style: none;}
	#menu_menudroit ul ul {margin: 10px 10px 0 10px;}
	#menu_menudroit li { border-bottom: 1px solid #629fb8; margin: 0 0 10px 0; padding: 0 0 10px 0;}
	#menu_menudroit li li {border: none; margin: 0 0 10px 0; padding: 0;}
	#menu_menudroit li a {color: #629fb8; text-transform: uppercase; text-decoration: none; font-size: 1.1em; letter-spacing: -1px; }
	#menu_menudroit li li a {
		color: white; text-transform: none; text-decoration: none; font-size: 1em; letter-spacing: normal; 
		padding: 0 0 0 10px; display: block;
		background: url(../images/puce-bandedroite.gif) no-repeat 0 5px;
	}
	#menu_menudroit li a:hover { color: #FFFFFF; }
	
	/* couronnes */
	/*
	ul#couronnes { position: relative; margin: 1em 10px; padding: 0; list-style: none; }
	ul#couronnes li { position: relative; margin: 0 auto; width: 80px; height: 80px; }
	ul#couronnes span { position: absolute; top: 0; left: -999em; } 
	ul#couronnes #couronne1 { float: left; display: inline; margin: 0 10px; background: url(../images/garantie-decennale-fabricant.png) no-repeat center center; }
	ul#couronnes #couronne2 { float: left; display: inline; margin: 0 10px; background: url(../images/garantie-decennale-installateur.png) no-repeat center center; }
	ul#couronnes #couronne3 { clear: left; width: 93px; height: 100px; background: url(../images/avis-cstb.png) no-repeat center center; }
	*/
	
	ul#couronnes { position: relative;  margin: 1em 10px; padding: 0; list-style: none; }
	ul#couronnes li { position: relative; margin: 0 auto; padding: 0; width: 97px; height: 107px; }
	ul#couronnes span { position: absolute; top: 0; left: -999em; }
	ul#couronnes #couronne1 {display: inline; float: left;  margin: 0; background: url(../images/garantie-decennale-fabricant.png) no-repeat center center; }
	ul#couronnes #couronne2 {display: inline; float: left;  margin: 0; background: url(../images/garantie-decennale-installateur.png) no-repeat center center; }
	ul#couronnes #couronne3 {clear: left; width: 93px; height: 100px; background: url(../images/avis-cstb.png) no-repeat center center; }
	p#sitepro {
		position: relative;
		margin: 0 -6px 0 6px;
	}
	p#sitepro a { 
		display: block; padding: 10px 25px 24px 60px; width: 139px; height: 39px;
		font-family: Arial; font-size: 1.4em; font-weight: bold; color: white;
		text-transform: uppercase; text-align: right; text-decoration: none; line-height: 0.9em;
		background: url(../images/sitepro.png) no-repeat left top;
	}
	p#sitepro a:hover { background-position: left bottom; color: yellow; } 
	
	/********************************/ 
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#pied{
		position: relative; clear: left; width: 980px; height: 35px; 
		border-top: 10px solid #3d3c41;
		background: url(../images/pied.png) no-repeat left top;
	}
	#menu_menupieddepage {position: relative; display: inline; float: left; width: 760px; height: 35px; margin: 0; padding: 0;}
	#menu_menupieddepage h3 {position: absolute; top: 0;	left: -999em;	}
	#menu_menupieddepage ul {position: relative; margin: 2px 0 0 10px; padding: 0; list-style: none;}
	#menu_menupieddepage li {position: relative; display: inline; float: left;  margin: 3px 0 0 10px; padding: 0 10px 0 0; border-right: 1px solid #88b1b3;}
	#menu_menupieddepage li a {font-size: 0.9em; color: #88b1b3; text-decoration: none;	}
	#menu_menupieddepage li a:hover {}
	p#acces { position: relative; display: block; float: left; margin: 7px 0 0 10px; }
	p#acces a { 
		display: block; width: 200px; height: 35px; 
		color: #c7dedf; text-decoration: none; font-size: 1em;
	}
	p#acces a strong {
		display: block; margin: 0; padding: 0 0 0 15px; 
		text-transform: uppercase; font-weight: normal;
		background: url(../images/puce-acces.png) no-repeat 5px center; 
	}
	p#acces a em { font-size: 0.8m; font-style: normal; margin: 0; padding: 0 0 0 15px; }
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue { position: absolute; top: 0; left: 760px; 
		width: 220px; }
	#menu_langue ul {
		position: relative;
		width: 100%;
		margin: 0.4em 0 0 0; padding: 0; 
		list-style: none; 
		text-align: center;
	}
	#menu_langue ul li {position: relative; display: inline; margin: 0 0.5em ; padding: 0;}
	#menu_langue ul li a {}
	#menu_langue ul li a:hover {}
	#menu_langue ul li a img {border: none;}
}

@media print {
}