/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#0f218b;
		font-family:verdana;
		font-size:11px;
		color:#0f218b;
	}
	
	form{
		margin:0;
		padding:0;
	}
	ul{
		margin-top:5px;
		margin-bottom:0;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	
	
	/* GABARIT */
	
	#global{
		width:770px;
		margin:auto;
		background-color:#72ccf2;
	}
	
	#gauche{
		float:left;
		width:137px;
		background-image:url(images/fond-gauche.jpg);
		background-repeat:no-repeat;
	}
	
	#europiscines{
		padding:14px 0 0 21px;
	}
	
	#slogan{
		padding:9px 0 0 19px;
	}
	
	#telephone{
		margin:5px 0 0 10px;
		padding:36px 0 0 2px;
		width:112px;
		height:105px;
		background-image:url(images/cartouche-telephone.gif);
		background-repeat:no-repeat;
	}
	
	#ntel{
		float:left;
		width:90px;
	}
	
	#ntel input{
		font-size:10px;
		font-family:verdana;
		color:#000;
		padding:0 0 1px 0;
		width:85px;
		border:1px solid #0f218b;
	}
	
	#okTel{
		float:left;
		width:19px;
		padding:1px 0 0 0;
	}
	
	#autresEuropiscines{
		margin:7px 0 0 0;
		border-top:1px solid #d2e9f1;
	}
	
	#autresEuropiscines h1{
		margin:11px 0 0 16px;
	}
	
	#petiteCarte{
		margin:8px 0 0 35px;
	}
	
	#etAussi{
		margin:3px 0 0 0;
		border-top:1px solid #81cceb;
	}
	
	#etAussi h1{
		margin:7px 0 0 16px;
	}
	
	#logoMabaleine{
		margin:8px 0 0 0;
		text-align:center;
	}
	
	#lienMaBaleine{
		margin:1px 0 0 0;
		text-align:center;
	}
	
	#lienMaBaleine a{
		color:#0d0059;
		text-decoration:none;
	}
	
	#lienMaBaleine a:hover{
		text-decoration:underline;
	}
	
	#lienEurokit{
		margin:17px 0 0 9px;
		padding:0 0 10px 0;
	}
	
	#droite{
		float:left;
		width:633px;
		background-color:#fff;
	}
	
	#entete{
		width:633px;
		background-image:url(images/fond-entete.jpg);
		background-repeat:no-repeat;
	}
	
	#logo{
		height:66px;
		padding:3px 0 0 30px;
	}
	
	#menu{
		height:63px;
		padding:0 0 0 5px;
		width:628px;
	}
	
	#menu ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#menu ul li{
		float:left;
		height:63px;
		margin:0;
	}
	
	#menu ul li#menu1{
		width:130px;
		padding:0;
	}
	
	#menu ul li#menu2{
		width:126px;
		padding:0;
	}
	
	#menu ul li#menu3{
		width:133px;
		padding:0;
	}
	
	#menu ul li#menu4{
		width:123px;
		padding:0;
	}
	
	#menu ul li#menu5{
		width:114px;
		padding:0;
	}
	
	#menu ul li a{
		display:block;
		color:#0f218b;
		font-size:90%;
		font-weight:bold;
		text-decoration:none;
	}
	
	#menu ul li a:hover{
		color:#ff6600;
	}
	
	#menu ul li a#lienMenu1{
		width:76px;
		height:35px;
		padding:14px 0 0 54px;
		background-image:url(images/menu1.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#menu ul li a:hover#lienMenu1{
		background-position:0 -49px;
	}

	#menu ul li a#lienMenu2{
		width:72px;
		height:33px;
		padding:16px 0 0 54px;
		margin:14px 0 0 0;
		background-image:url(images/menu2.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#menu ul li a:hover#lienMenu2{
		background-position:0 -49px;
	}
	
	#menu ul li a#lienMenu3{
		width:79px;
		height:31px;
		padding:18px 0 0 54px;
		margin:10px 0 0 0;
		background-image:url(images/menu3.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#menu ul li a:hover#lienMenu3{
		background-position:0 -49px;
	}
	
	#menu ul li a#lienMenu4{
		width:69px;
		height:40px;
		padding:9px 0 0 54px;
		margin:4px 0 0 0;
		background-image:url(images/menu4.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#menu ul li a:hover#lienMenu4{
		background-position:0 -49px;
	}
	
	#menu ul li a#lienMenu5{
		width:60px;
		height:29px;
		padding:20px 0 0 54px;
		margin:0 0 0 0;
		background-image:url(images/menu5.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#menu ul li a:hover#lienMenu5{
		background-position:0 -49px;
	}
	
	#actualites{
		padding:0 0 0 0;
		width:633px;
		height:28px;
		background-image:url(images/fond-actu.gif);
		background-repeat:no-repeat;
		background-position:1px 0 0 0;
		color:#0f218b;
		text-align:center;
	}
	
	#contenu{
		width:628px;
		_height:400px;
		min-height:400px;
		padding:10px 0 20px 5px;
	}
	
	#pied{
		width:633px;
		height:40px;
		padding:54px 0 0 0;
		background-image:url(images/vague-pied.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		text-align:center;
		font-size:110%;
		color:#0f218b;
	}
	
	#pied a{
		text-decoration:none;
		color:#0f218b;
	}
	
	#pied a:hover{
		color:#ff6600;
	}
	
	/* fin GABARIT */
	
	
	
	/* PAGE ACCUEIL */
	
	#contenu h1#titrePage{
		margin:0 0 0 0;
		padding:0 0 18px 0;
		text-align:center;
		font-size:140%;
		color:#0f218b;
		background-image:url(images/soulignement-jaune.gif);
		background-repeat:no-repeat;
		background-position:center bottom;
		font-weight:normal;
	}
	
	.grosTitre{
		font-size:130%;
		font-weight:bold;
	}
	
	.introAccueil{
		padding:0 5px 0 5px;
		margin:5px 0 0 0;
		font-size:120%;
		color:#0f218b;
	}
	
	#gaucheAccueil{
		float:left;
		width:360px;
		margin:8px 13px 0 0;
	}
	
	#visuelAccueil{
		width:360px;
		position:relative;
	}
	
	#masqueArrondis{
		position:absolute;
		width:360px;
		height:214px;
		top:0;
		left:0;
		z-index:20;
		background-image:url(images/masque.png);
		background-repeat:no-repeat;
		background-position:left top;
		_background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/masque.png', sizingMethod='crop');
	}
	
	#qualiSport{
		float:left;
		width:67px;
		margin:25px 10px 0 0;
		padding:0 0 0 57px;
	}
	
	#piscineOr{
		float:left;
		width:76px;
		margin:24px 15px 0 0;
	}
	
	#fpp{
		float:left;
		width:91px;
		margin:24px 0 0 0;
	}
	
	#droiteAccueil{
		float:left;
		width:244px;
	}
	
	.texteAccueil{
		font-size:110%;
		margin:15px 0 0 0;
		color:#0f218b;
	}
	
	#equipePros{
		width:177px;
		height:18px;
		margin:25px 0 0 32px;
		padding:6px 0 0 18px;
		background-image:url(images/fond-equipe-pros.gif);
		background-repeat:no-repeat;
	}
	
	#equipePros a{
		color:#0f218b;
		text-decoration:none;
		font-size:90%;
		font-weight:bold;
	}
	
	#equipePros a:hover{
		text-decoration:underline;
	}
	
	#actualitesEuropiscine{
		width:231px;
		margin:30px 0 0 8px;
	}
	
	#actualitesEuropiscine h1{
		width:231px;
		height:49px;
		margin:0;
		padding:4px 0 0 0;
		text-align:center;
		font-size:130%;
		font-weight:normal;
		color:#0f218b;
		background-image:url(images/haut-actualites-groupe.gif);
		background-repeat:no-repeat;
	}
	
	.plusGrand{
		font-size:120%;
	}
	
	#zoneActu{
		width:206px;
		_height:93px;
		min-height:93px;
		margin:0;
		padding:0 10px 0 15px;
		background-image:url(images/fond-actualites-groupe.gif);
		background-repeat:no-repeat;
		color:#0f218b;
		font-size:90%;
	}
	
	#baszoneActu{
		width:231px;
		height:19px;
		background-image:url(images/bas-actualites-groupe.gif);
		background-repeat:no-repeat;
	}
	.aGauche{
		float:left;
		margin:2px 5px 2px 0;
	}
	
	#enSavoirPlus{
		text-align:center;
	}
	
	#enSavoirPlus a{
		color:#0f218b;
		font-weight:bold;
		text-decoration:none;
		font-size:110%;
	}
	
	#enSavoirPlus a:hover{
		text-decoration:underline;
	}
	
	/* fin PAGE ACCUEIL */
	
	
	
	/* SPECIALITES */
	
	.introSpecialites{
		padding:0 5px 0 5px;
		margin:15px 0 0 0;
		font-size:120%;
		color:#0f218b;
	}
	
	#specialitesVisuel{
		float:left;
		width:360px;
		margin:15px 14px 0 0;
		position:relative;
	}
	
	#specialitesTexte{
		float:left;
		width:247px;
		margin:17px 0 0 0;
	}
	
	#liseretTitre{
		float:left;
		height:14px;
		background-image:url(images/liseret-titre.gif);
		background-repeat:repeat-x;
		background-position:0 12px;
	}
	
	#titreSpecialites{
		float:left;
		margin:0;
		padding:0;
		font-size:160%;
		color:#0f218b;
		font-weight:bold;
		text-align:right;
	}
	
	.titreSpecialitesPlusPetit{
		font-weight:normal;
		font-size:70%;
	}
	
	.normal{
		font-weight:normal;
	}
	
	#specialitesTexte p{
		color:#0f218b;
		margin:7px 0 0 0;
		padding:0;
	}
	
	#specialiteSignature{
		margin:10px 0 0 0;
		text-align:center;
	}
	
	#listeSpecialites{
		margin:0 0 0 0;
		_margin:10px 0 0 0;
	}
	
	.titreListeSpecialites{
		float:left;
		width:120px;
		height:25px;
		text-align:right;
		margin:17px 0 0 0;
		padding:0 9px 0 0;
		font-size:100%;
		color:#0f218b;
		font-weight:normal;
		background-image:url(images/petit-soulignement-jaune.gif);
		background-repeat:no-repeat;
		background-position:11px 15px;
	}
	
	.titreListeGraphex{
		float:left;
		width:173px;
		_width:175px;
		height:38px;
		margin:17px 0 0 0;
		padding:0 9px 0 10px;
		font-size:100%;
		color:#0f218b;
		font-weight:normal;
		background-image:url(images/petit-soulignement-jaune.gif);
		background-repeat:no-repeat;
		background-position:11px 28px;
	}
	
	.fleche{
		float:left;
		width:20px;
		margin:18px 0 0 0;
	}
	
	.fleche2{
		float:left;
		width:20px;
		margin:25px 0 0 -5px;
		_margin:25px 0 0 -5px;
	}
	
	.listeSpecialites{
		float:left;
		width:470px;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.itemListe{
		float:left;
		width:62px;
		margin:0 5px 9px 0;
		padding:0;
		font-size:80%;
	}
	
	.itemListe2{
		float:left;
		width:48px;
		margin:0 10px 9px 0;
		padding:0;
		font-size:80%;
	}
	
	.itemListe a{
		display:block;
		width:62px;
		text-decoration:none;
		text-align:center;
		color:#0f218b;
	}
	
	.itemListe2 a{
		display:block;
		width:48px;
		text-decoration:none;
		text-align:center;
		color:#0f218b;
	}
	
	.itemListe a:hover, .itemListe2 a:hover{
		color:#ff6600;
	}
	
	.itemListe a img, .itemListe2 a img{
		border:1px solid #fff;
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	.itemListe a:hover img, .itemListe2 a:hover img{
		border:1px solid #ff6600;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.itemListe a.specialiteActive{
		display:block;
		width:62px;
		text-decoration:none;
		text-align:center;
		color:#ff3000;
	}
	
	.itemListe2 a.specialiteActive{
		display:block;
		width:48px;
		text-decoration:none;
		text-align:center;
		color:#ff3000;
	}
	
	.itemListe a.specialiteActive:hover, .itemListe2 a.specialiteActive:hover{
		color:#ff3000;
	}
	
	.itemListe a.specialiteActive img, .itemListe2 a.specialiteActive img{
		border:1px solid #ff3000;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.itemListe a.specialiteActive:hover img, .itemListe2 a.specialiteActive:hover img{
		border:1px solid #ff3000;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.specialiteALaligne{
		clear:both;
		height:1px;
		margin:0;
		padding:0;
	}
	
	#listeGraphex{
		margin:10px 0 0 0;
	}
	
	.listeGraphex{
		float:left;
		width:270px;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#nosGaranties{
		float:left;
		width:90px;
		height:21px;
		margin:10px 0 0 0;
		padding:6px 0 0 18px;
		background-image:url(images/fond-nos-garanties.gif);
		background-repeat:no-repeat;
		font-size:90%;
		color:#0f218b;
		font-weight:bold;
	}
	
	#nosGaranties a{
		color:#0f218b;
		text-decoration:none;
	}
	
	#nosGaranties a:hover{
		text-decoration:underline;
	}
	
	#assurance{
		margin:30px 0 0 10px;
		_margin:10px 0 0 10px;
		width:613px;
	}
	
	h2.titreAssurance{
		margin:15px 0 3px 0;
		font-size:160%;
		font-weight:bold;
		color:#0f218b;
	}
	
	.texteAssurance{
		float:left;
		width:422px;
	}
	
	#assurance p{
		margin:0 0 12px 0;
		padding:0 10px 0 0;
		color:#0f218b;
	}
	
	.visuelAssurance{
		float:left;
		width:190px;
		padding:20px 0 0 0;
	}
	
	#fncesel{
		padding:4px 0 0 0;
		text-align:center;
	}
	
	.listeTexte{
		float:left;
		width:247px;
		height:190px;
		overflow:auto;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	/* fin SPECIALITES */
	
	
	
	/* QUI SOMMES NOUS */
	
	#visuelMagasin{
		float:left;
		width:360px;
		margin:10px 16px 0 0;
		text-align:center;
		position:relative;
	}
	
	#coordonneesHoraireMagasin{
		float:left;
		width:230px;
		margin:12px 0 0 0;
	}
	
	#coordonneesHoraireMagasin p{
		margin:0 0 10px 0;
		color:#0f218b;
	}
	
	#coordonneesHoraireMagasin a{
		color:#c94904;
		text-decoration:none;
	}
	
	#coordonneesHoraireMagasin a:hover{
		text-decoration:underline;
	}
	
	#planAcces{
		width:606px;
		margin:35px 0 0 0;
		text-align:center;
	}
	
	/* fin QUI SOMMES NOUS */
	
	
	
	/* CONTACT */
	
	#contactGauche{
		float:left;
		width:328px;
		margin:18px 25px 0 0;
		padding:0 0 0 5px;
	}
	
	#contactDroite{
		float:left;
		width:270px;
		margin:18px 0 0 0;
	}
	
	#contactDroite p{
		margin:0 0 10px 0;
		color:#0f218b;
	}
	
	#contactDroite a{
		color:#c94904;
		text-decoration:none;
	}
	
	#contactDroite a:hover{
		text-decoration:underline;
	}
	
	.label{
		color:#0f218b;
		text-align:right;
		padding:3px 10px 4px 0;
		_padding:3px 10px 5px 0;
		vertical-align:top;
	}
	
	.champ{
		vertical-align:top;
		padding:0 0 4px 0;
		_padding:0 0 5px 0;
		
	}
	
	.champ input, .champ textarea, .champ select{
		font-family:verdana;
		font-size:11px;
	}
	
	.champ input, .champ textarea{
		border:1px solid #7f9db9;
		padding:2px 0 2px 0;
	}
	
	#envoyer{
		margin:0 0 0 180px;
	}
	
	#recrutement{
		text-align:left;
		padding:5px 0 0 0;
		_padding:24px 0 0 0;
	}
	
	#recrutement a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#recrutement a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	/* fin CONTACT */
	
	
	
	/* mentions légales */
	
	#mentions li{
		margin:0 0 10px 0;
	}
	
	#idweb{
		color:#ff8a00;
		text-decoration:none;
		font-weight:bold;
	}
	
	#idweb:hover{
		color:#fff;
		text-decoration:none;
		background-color:#ff8a00;
	}
	
	/* fin mentions légales */

	#centre{
		text-align:center;
	}
	
	/* modifs damien  */
	p.pied2{
		color: #fff;
		font-size: 90%;
		text-align: center;
	}
	
	p.pied2 a, p.pied2 a:hover{
		color: #fff;
		text-decoration: none;
	}

	.introAccueil a, .introAccueil a:hover{
		color:#0f218b;
		text-decoration: none;
	}
	
	.texteAccueil a, .texteAccueil a:hover{
		color:#0f218b;
		text-decoration: none;
	}