@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.gif) 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; 
		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: #5b3157;  margin: 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: #5b3157; }
	#con_descriptif h2 { font-size: 1.1em; color: #765173;}
	#con_descriptif h3 { font-size: 1em; color: #765173;}
	#con_descriptif h4 { font-size: 1em; color: #765173;}
	/*---------- 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: #5b3157; }
	#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; }
	/*---------- 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 #745274;
	}
	#con_descriptif .bandephotos {
		position: relative; width: 720px; height: 25px; overflow: hidden;
	}
	#con_descriptif .bandephotos img { max-width: 240px; margin-top: -100px; }
	#con_descriptif .bandephotos a.englobantimage, #con_descriptif .bandephotos span.englobantimage { display: inline; }
	/*---------- 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  -----*/
	iframe { position: relative; margin: 0 20px; border: 1px solid #FFFFFF;}
	#con_descriptif object { position: relative; margin: auto; }
	/*----- flash -----*/
	#con_descriptif .flash { display: inline; margin: 0 auto; }
	
	
	/********************************/
	/*			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 { margin: 0 20px; }
	#contenu .menu_arbo h3 { position: absolute; top: 0; left: -999em; }
	#contenu .menu_arbo ul { margin: 0; padding: 0; list-style: none; border-top: 4px solid #5a3157; }
	#contenu .menu_arbo li { border-bottom: 1px solid #5a3157; clear: both; }
	#contenu .menu_arbo li a {
		display: block; padding: 0.5em;
		font-size: 1.2em; line-height: 1.3em; color: black; text-decoration: none;
	}
	#contenu .menu_arbo li.impair a { background: #efeaef; }
	#contenu .menu_arbo li a:hover { background: #d6c8d6; }
	#contenu .menu_arbo li .bloc { display: block; }
	#contenu .menu_arbo li img { border: 1px solid #745274; }
	#contenu .menu_arbo li img + .bloc { margin-left: 65px; margin-top: -60px; min-height: 60px;  }
	#contenu .menu_arbo li strong { display: block; font-weight: normal; font-size: 1.4em; color: #5a3157; }	
	
	/*-- 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: 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 { position: relative; 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; } 
	
	#partenaireDetailIframe {
		width: 710px; height: 700px;
	}
	.retourCarte {margin: 10px 10px 10px 20px; font-size: 1.4em;}	
}
@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; padding: 3px 10px 0 10px; height: 27px; width: 128px;
		font-family: Arial; font-size: 1.1em; color: #d8ebec; font-weight: bold; line-height: 1em;
		text-transform: uppercase; text-decoration: none; text-align: center;
		background-repeat: no-repeat;
		border-bottom: 5px solid #427177; border-right: 1px solid #427177;
	}
	#menu_menuprincipal ul li img { display: none; }
	#menu_menuprincipal ul li a span{}
	#menu_menuprincipal ul li:hover a { background: #427177; color: #fff; }
	
	#menu_menuprincipal ul ul {
		position: absolute; top: 35px; left: -999em; 
		margin: 0; padding: 10px; list-style: none; width: 740px; min-height: 55px; 
		background: #427177; 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; display: block;
		margin-right: 5px; margin-bottom: 5px; padding-right: 5px; min-height: 55px; width: 174px;
		border-right: 1px solid #105A5D;
	}
	#menu_menuprincipal ul ul li a { 
		padding: 0; height: 55px; width: auto;
		font-size: 1.2em; color: white; font-weight: normal; line-height: normal;
		text-transform: none; text-decoration: none; text-align: left;
		background: none; border: none; 
	}
	#menu_menuprincipal ul ul li a:hover { background: #105A5D; }
	#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 #105A5D; 
	}
	
	/* gestion des actifs */
	#menu_menuprincipal ul li.lienActif a {
		color: white; 
		background: #745274;
		border-bottom: 5px solid #5B3157;  
	}
	#menu_menuprincipal ul li.lienActif ul { 
		background: #5B3157; border-bottom: 5px solid #c7dedf;
	}
	#menu_menuprincipal ul li.lienActif ul li {
		border-right: 1px solid #745274;
	}
	#menu_menuprincipal ul li.lienActif ul a {
		color: white; background: none; border-bottom: none;  
	}
	#menu_menuprincipal ul li.lienActif ul a:hover { 
		background: #745274; 
	}
	#menu_menuprincipal ul li.lienActif ul li img { 
		border: 3px solid #745274; 
	}
	
	/********************************/ 
	/*	VISUEL ENTETE				*/
	/********************************/
	#visuel_entete {
		position: absolute; top: 35px;	left: 0; width: 760px; height: 76px; overflow: hidden;
		border-bottom: 5px solid #c7dedf; 
		background: url(../images/rub_noparent.jpg);
	}
	#visuel_entete img { position: absolute; top: 0; left: 0; width: 761px; height: 80px; }
	
	/********************************/ 
	/*		MENU DROIT				*/
	/********************************/
	#menudroit{position: relative; float: left; width: 220px; min-height: 200px; margin: 135px 0 0 0; padding:0; }
	#menu_menudroit {}
	#menu_menudroit h3 {position: absolute;	top: 0;	left: -999em;}
	#menu_menudroit ul {position: relative;	margin: 2em 10px 0 10px; padding: 0; list-style: none;}
	#menu_menudroit ul ul {margin: 10px 10px 0 10px;}
	#menu_menudroit li { border-bottom: 1px solid #427177; 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: white; text-transform: uppercase; text-decoration: none; font-size: 1.1em; letter-spacing: -1px; }
	/*#menu_menudroit li#menu_menudroit_20 a {font-weight: bold;  font-size: 1.2em; letter-spacing: 0; }*/
	#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: #427177; }
	
	#menudroit iframe {
		margin : 0 10px;
		padding : 0;
		background : white;
	}
	
	/* garanties */
	#menu_labels { 
		position: absolute; bottom: 45px; right: -4px;
		margin: 0; width: 220px; height: 80px;
	}
	#menu_labels h3 { position: absolute; top: 0; left: -999em; }
	#menu_labels ul { margin: 0; padding: 0; list-style: none; }
	#menu_labels li { float: left; margin: 0 0 0 2px; }
	#menu_labels a { display: block; text-decoration: none; }
	#menu_labels img { border: none; }
	#menu_labels span.txt { position: absolute; top: 0; left: -999em; }
	
	/*	sous menu */
	#menu_sousmenuv2 {
		position: relative; margin: 0; padding: 5px 0;
		background: #745274 url(../images/f-ssmenuv2.png) repeat-y; 
		border-bottom: 5px solid #5B3157; 
	}
	#menu_sousmenuv2 h3 {
		margin: 10px;
		font-size: 1.3em; color: #3F173B; line-height: 1em;
		text-transform: uppercase;
	}
	#menu_sousmenuv2 ul { 
		margin: 0 10px; padding: 0; list-style: none; 
		border-top: 1px solid #b190b1; 
	}
	#menu_sousmenuv2 li { }
	#menu_sousmenuv2 li a {
		position: relative; display: block;
		margin: 0; padding: 5px 0; overflow: auto;
		color: white; text-decoration: none; 
		border-bottom: 1px solid #b190b1;
	}
	#menu_sousmenuv2 li a:hover { background: #5B3157; }
	#menu_sousmenuv2 li a.lienActif{ background: #5B3157; }
	#menu_sousmenuv2 img { border: 3px solid #5B3157;  float: left; margin-right: 5px; width: 30px; }
	
	p#sitepro {
		position: absolute; bottom: -100px; right: -10px;
		margin: 0;
	}
	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;}
	
	/********************************/ 
	/*		DEMANDE DE DEVIS		*/
	/********************************/
	#menu_demandedevis { position: relative; margin: 0; width: 220px; height: 140px; }
	#menu_demandedevis h3 {position: absolute;	top: 0;	left: -999em;}
	#menu_demandedevis ul {position: absolute; top: 0; right: 0;  margin: 0; padding: 0; list-style: none; }
	#menu_demandedevis li { }
	#menu_demandedevis li a {
		position: relative; display: block; width: 250px; height: 120px;
		background: url(../images/devis.png) no-repeat -60px 0; 
	}
	#menu_demandedevis li a:hover {
		width: 310px; height: 140px;
		background-position: 0 -140px;
	}
	#menu_demandedevis li a span { position: absolute; top: 0; left: -999em; }
	
	/********************************/ 
	/*			MENU FRERES			*/
	/********************************/
	ul#menu_yofrero {
		margin: 0 20px 0 20px; padding: 0.3em; list-style: none; overflow: auto;
		background: #745274;
	}
	ul#menu_yofrero li {}
	ul#menu_yofrero a {
		position: relative; display: block;
		margin: 0; padding: 2px 0; overflow: auto;
		font-size: 1.1em; color: white; text-decoration: none; line-height: 1em; 
		border-bottom: 1px solid #b190b1;
	}
	ul#menu_yofrero a:hover { background: #5B3157; }
	ul#menu_yofrero a.lienActif{ background: #5B3157; }
}

@media print {
}