/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:11px;
		color:#0f218b;
		background-color:#0f218b;
	}
	
	a img{
		border:0;
	}
	
	#texteAccueil a {
	text-decoration:none;
	color:#0f218b;}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	.clear0{
		clear:both;
		height:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	#global{
		width:770px;
		margin:auto;
		background-color:#fff;
		background-image:url(images/fond-gauche.jpg);
		background-repeat:no-repeat;
	}
	
	#gauche{
		float:left;
		width:137px;
	}
	
	#logoEuropiscine{
		padding:44px 0 0 21px;
	}
	
	#kitPiscine{
		display:block;
		width:135px;
		height:180px;
		margin:10px 0 0 1px;
	}
	
	#kitPiscine:hover{
		display:block;
		width:135px;
		height:180px;
		margin:10px 0 0 1px;
	}
	
	#menuGauche{
		margin:7px 0 0 2px;
		padding:15px 0 0 1px;
		width:133px;
		height:85px;
		background-image:url(images/fond-menu-gauche.gif);
		background-repeat:no-repeat;
		list-style:none;
	}
	
	#quiSommesNous, #accessoires{
		height:16px;
		width:132px;
		margin:0;
		padding:4px 0 4px 0;
		border-bottom:1px dashed #0f218b;
	}
	
	#lesServices{
		height:16px;
		width:132px;
		margin:0;
		padding:4px 0 4px 0;
	}
	
	#quiSommesNous a, #accessoires a, #lesServices a{
		display:block;
		height:16px;
		width:132px;
		text-decoration:none;
		text-align:center;
		color:#0f218b;
		font-weight:bold;
	}
	
	#quiSommesNous a:hover, #accessoires a:hover, #lesServices a:hover{
		color:#fff;
		background-color:#0f218b;
	}
	
	#quiSommesNous a.menuActif, #accessoires a.menuActif, #lesServices a.menuActif{
		color:#fff;
		background-color:#ff4800;
	}
	
	#quiSommesNous a.menuActif:hover, #accessoires a.menuActif:hover, #lesServices a.menuActif:hover{
		color:#fff;
		background-color:#ff4800;
	}
	
	#recrutement{
		display:block;
		width:114px;
		height:36px;
		margin:6px 0 0 2px;
		padding:8px 0 0 20px;
		color:#0f218b;
		font-weight:bold;
		text-decoration:none;
		background-image:url(images/btn-espace-recrutement.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#recrutement:hover{
		color:#fff;
		background-position:0 -44px;
	}
	
	#recrutement.menuActif, #recrutement.menuActif:hover{
		color:#fff;
		background-position:0 -88px;
	}
	
	#maBaleine{
		display:block;
		width:113px;
		height:83px;
		margin:16px 0 0 11px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#maBaleine:hover{
		display:block;
		width:113px;
		height:83px;
		margin:16px 0 0 11px;
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#droite{
		float:left;
		width:633px;
		background-image:url(images/fond-haut.jpg);
		background-repeat:no-repeat;
	}
	
	#entete{
		width:633px;
		height:201px;
	}
	
	#logoEurokit{
		float:left;
		width:243px;
		height:86px;
		padding:1px 0 0 112px; 
	}
	
	#numeroVert{
		float:left;
		width:224px;
		height:32px;
		padding:21px 0 0 42px;
	}
	
	#menuHaut{
		margin:-1px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	#nereide{
		float:left;
		width:99px;
		height:57px;
		padding:0 0 0 34px;
	}
	
	#nereide a{
		display:block;
		width:99px;
		height:60px;
		padding:2px 0 0 0;
		background-image:url(images/btn-nereide.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#0f218b;
		font-size:90%;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
	}
	
	#nereide a:hover{
		background-position:0 -62px;
	}
	
	#nereide a.piscineActive{
		background-position:0 -62px;
		color:#ff4800;
	}
	
	#maia{
		float:left;
		width:100px;
		height:72px;
		padding:0 0 0 55px;
	}
	
	#maia a{
		display:block;
		width:100px;
		height:62px;
		padding:12px 0 0 0;
		background-image:url(images/btn-maia.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#0f218b;
		font-size:90%;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
	}
	
	#maia a:hover{
		background-position:0 -74px;
	}
	
	#maia a.piscineActive{
		background-position:0 -74px;
		color:#ff4800;
	}
	
	#sologne{
		float:left;
		width:114px;
		height:62px;
		padding:0 0 0 57px;
	}
	
	#sologne a{
		display:block;
		width:114px;
		height:60px;
		padding:2px 0 0 0;
		background-image:url(images/btn-sologne.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#0f218b;
		font-size:90%;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
	}
	
	#sologne a:hover{
		background-position:0 -62px;
	}
	
	#sologne a.piscineActive{
		background-position:0 -62px;
		color:#ff4800;
	}
	
	#demandeDoc{
		float:left;
		width:118px;
		height:54px;
		padding:3px 0 0 36px;
	}
	
	#demandeDoc a{
		display:block;
		width:118px;
		height:54px;
		background-image:url(images/btn-demande-documentation.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#demandeDoc a span{
		display:none;
	}
	
	#demandeDoc a:hover{
		background-position:0 -54px;
	}
	
	#demandeDoc a.documentationActive{
		background-position:0 -54px;
	}
	
	#pied{
		margin:20px 0 0 0;
		width:449px;
		height:47px;
		padding:50px 0 0 184px;
		background-image:url(images/fond-pied.jpg);
		background-repeat:no-repeat;
		font-size:110%;
	}
	
	#pied a{
		color:#0f218b;
		text-decoration:none;
	}
	
	#pied a:hover{
		text-decoration:underline;
	}
	
	
/* ================================================ PAGE ACCUEIL */
	#texteAccueil{
		margin:16px 0 0 0;
		padding:0 22px 0 22px;
	}
	
	#texteAccueil h1{
		margin:0 0 6px 0;
		font-size:120%;
		font-weight:bold;
	}
	
	#texteAccueil p{
		margin:0 0 14px 0;
	}
/* ================================================ PAGE ACCUEIL */



/* ================================================ DIAPORAMA */
	#diaporama{
		float:left;
		width:427px;
	}
	
	#visuelDiaporama{
		width:424px;
		padding:0 0 0 3px;
	}
	
	#vignettesDiaporama{
		margin:0;
		padding:0;
	}
	
	.vignette{
		float:left;
		width:103px;
		margin:7px 0 0 0;
		padding:0 0 0 3px;
	}
	
	.vignette a{
		text-decoration:none;
		color:#0f218b;
		font-size:90%;
		font-weight:bold;
	}
	
	.vignette a:hover{
		color:#ff4800;
	}
	
	.vignette a.vignetteActive{
		color:#ff4800;
	}
	
	.vignette a.vignetteActive:hover{
		color:#ff4800;
	}
	
	.vignette a img{
		filter:alpha(opacity=20); 
        -moz-opacity:0.2; 
        opacity:0.2;
	}
	
	.vignette a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	.vignette a.vignetteActive img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.vignette a.vignetteActive:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#texteLibre{
		float:left;
		width:182px;
		padding:14px 10px 0 14px;
	}
	
	#texteLibre p{
		margin:0 0 14px 0;
	}
	
	#texteLibre p a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#texteLibre p a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
/* ================================================ DIAPORAMA */



/* ================================================ RECRUTEMENT */
	#recrutementGauche{
		float:left;
		width:368px;
		height:533px;
		margin:16px 6px 0 0;
		padding:27px 12px 12px 12px;
		border-left:8px solid #fff;
		background-image:url(images/fond-recrutement.jpg);
		background-repeat:no-repeat;
	}
	
	#recrutementGauche h1{
		margin:0 0 6px 0;
		font-size:230%;
		font-weight:normal;
		font-style:italic;
		text-align:center;
	}
	
	.recrutementSousTitre{
		margin:0 0 25px 0;
		font-size:160%;
		font-weight:bold;
		font-style:italic;
		text-align:center;
	}
	
	.siVous{
		margin:0 0 14px 0;
		font-size:120%;
		font-weight:bold;
	}
	
	.possible{
		margin:0 0 14px 0;
		font-size:190%;
		font-weight:bold;
		font-style:italic;
	}
	
	.texteRecrutement{
		margin:0 0 14px 0;
		font-size:110%;
	}
	
	#adresseRecrutement{
		float:left;
		margin:20px 0 0 0;
		width:200px;
		font-size:110%;
	}
	
	#emailRecrutement{
		float:left;
		width:162px;
		margin:52px 0 0 0;
		padding:44px 0 0 0;
		text-align:center;
		background-image:url(images/picto-ma-baleine.gif);
		background-repeat:no-repeat;
		background-position:center 0;
	}
	
	#emailRecrutement a{
		color:#0f218b;
		text-decoration:none;
		font-size:90%;
		font-weight:bold;
	}
	
	#emailRecrutement a:hover{
		color:#ff4800;
	}
	
	#recrutementDroite{
		float:left;
		width:176px;
		height:225px;
		padding:366px 21px 0 21px;
		background-image:url(images/fond-recrutement-2.jpg);
		background-repeat:no-repeat;
		font-size:120%;
		font-weight:bold;
		font-style:italic;
		text-align:center;
	}
/* ================================================ RECRUTEMENT */



/* ================================================ DEMANDE DE DOCUMENTATION */
	#formulaireGauche{
		float:left;
		width:299px;
		border-left:8px solid #fff;
		margin:0 6px 0 0;
	}
	
	#mesCoordonnees{
		width:299px;
		height:391px;
		padding:12px 0 0 0;
		background-image:url(images/formulaire-bloc-1.gif);
		background-repeat:no-repeat;
	}
	
	#mesCoordonnees h1{
		margin:0 0 4px;
		font-size:160%;
		font-weight:bold;
		text-align:center;
	}
	
	.coordonneesLabel{
		float:left;
		width:110px;
		margin:0 7px 0 0;
		padding:0 0 0 10px;
		text-align:right;
	}
	
	.coordonneesChamp{
		float:left;
		width:140px;
		margin:0 0 2px 0;
	}
	
	.grandChamp{
		width:134px;
		font-family:verdana;
		font-size:10px;
		padding:0 3px 1px 3px;
		color:#176ee6;
		border:1px solid #7f9db9;
	}
	
	.moyenChamp{
		width:94px;
		font-family:verdana;
		font-size:10px;
		padding:0 3px 1px 3px;
		color:#176ee6;
		border:1px solid #7f9db9;
	}
	
	.petitChamp{
		width:44px;
		font-family:verdana;
		font-size:10px;
		padding:0 3px 1px 3px;
		color:#176ee6;
		border:1px solid #7f9db9;
	}
	
	.tresPetitChamp{
		width:20px;
		font-family:verdana;
		font-size:10px;
		padding:0 3px 1px 3px;
		color:#176ee6;
		border:1px solid #7f9db9;
	}
	
	.coordonneesChamp textarea{
		width:134px;
		font-family:verdana;
		font-size:11px;
		padding:1px 3px 1px 3px;
		color:#176ee6;
		border:1px solid #7f9db9;
	}
	
	#piscineOctogonale{
		width:299px;
		height:89px;
		margin:8px 0 0 0;
		padding:12px 0 0 0;
		background-image:url(images/formulaire-bloc-2.gif);
		background-repeat:no-repeat;
	}
	
	#piscineOctogonale h1, #piscineGraphex h1{
		margin:0 0 4px;
		font-size:160%;
		font-weight:bold;
		text-align:center;
	}
	
	.octogonaleChamp, .graphexChamp{
		text-align:center;
	}
	
	#champsObligatoires{
		margin:12px 0 0 0;
		text-align:center;
	}
	
	#formulaireDroite{
		float:left;
		width:314px;
	}
	
	#piscineGraphex{
		width:314px;
		height:77px;
		padding:12px 0 0 0;
		background-image:url(images/formulaire-bloc-3.gif);
		background-repeat:no-repeat;
	}
	
	#monTerrain{
		width:314px;
		height:402px;
		padding:12px 0 0 0;
		margin:8px 0 0 0;
		background-image:url(images/formulaire-bloc-4.gif);
		background-repeat:no-repeat;
	}
	
	#monTerrain h1{
		margin:0 0 20px 0;
		font-size:160%;
		font-weight:bold;
		text-align:center;
	}
	
	.terrainLabel{
		margin:0 0 2px 32px;
	}
	
	.terrainChamp{
		margin:0 0 14px 32px;
	}
	
	#envoyer{
		margin:11px 0 0 0;
		text-align:center;
	}
	
	#confirmation{
		margin:30px 0 300px 0;
		text-align:center;
		font-size:130%;
		font-weight:bold;
	}
/* ================================================ DEMANDE DE DOCUMENTATION */



/* ================================================ MENTIONS LEGALES */
	#mentionsLegales{
		margin:0 0 250px 30px;
		width:400px;
	}
	
	#mentionsLegales h1{
		margin:0 0 8px 0;
		font-size:160%;
		font-weight:bold;
	}
	
	#mentionsLegales a{
		color:#ff4800;
		text-decoration:none;
		font-size:90%;
		font-weight:bold;
	}
	
	#mentionsLegales a:hover{
		text-decoration:underline;
	}
/* ================================================ MENTIONS LEGALES */

/* ================================================ QUI SOMMES NOUS */
	#quiSommesNous2{
		margin:0 0 20px 20px;
		width:600px;
	}
	
	#quiSommesNous2 h1{
		margin:0 0 8px 0;
		font-size:160%;
		font-weight:bold;
	}
	
	#quiSommesNous2 a{
		color:#ff4800;
		text-decoration:none;
		font-size:90%;
		font-weight:bold;
	}
	
	#quiSommesNous2 a:hover{
		text-decoration:underline;
	}
/* ================================================ QUI SOMMES NOUS */