@charset "iso-8859-1";

BODY { margin : 0px ;}
img{border:0;}
h1 {font-family: Verdana, Arial, Helvetica;	font-size: 24px; color: #000000; text-decoration: none; text-align:center;	font-weight: normal; margin:0;}
h2 { font-family: Arial, Helvetica, sans-serif;	font-size: 14px; color: #000000; text-decoration: none; font-weight: bold; text-align:center;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #00A0C6; font-size: 11px; font-weight: bold; }
h4 {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#0066FF; border-bottom: 1px solid #b7b7b7; margin:0;}

#zoneEntete1 {display:block; width:1001px; height:84px; margin:0 auto; padding: 0 0 0 0; }
#zoneEntete2 {display:block; width:1001px; height:18px; margin:0 auto; background-image:url(../images/_2w1all.jpg); background-repeat:no-repeat; }
#zoneEntete3 {display:block; width:1001px; height:126px; margin:0 auto; padding: 0 0 0 0; }
.zoneEntete3_0 {display:block; width:1001px; margin:0 auto; padding: 0 0 0 0; height:23px; background-image:url(../images/fonddefilall.jpg); background-repeat:no-repeat;  float:left;}
.zoneEntete3_1 {display:block; margin:0 0 0 0; padding: 0 0 0 0; width:140px; height:103px; background-image:url(../images/fondmenu0.jpg); background-repeat:no-repeat; text-align:center; float:left;}
.zoneEntete3_2 {display:block; margin:0 0 0 0; padding: 0 0 0 0; width:640px; height:103px; background-image:url(../images/Menu/_menu1all.jpg); background-repeat:no-repeat; float:left;}
.zoneEntete3_2 h1 {padding-top:14px; }
.zoneEntete3_3 {display:block; margin:0 0 0 0; padding: 0 0 0 0; width:221px; height:103px; background-image:url(../images/4.jpg); background-repeat:no-repeat; float:left; text-align:center;}

.positoreille {position:relative; top:4px;}
.positoreilleL {position:relative; top:14px;}
#corpssite {display:block; width:1001px; margin: 0 auto; background-image:url(../images/fondmenu1.jpg); background-repeat:repeat-y; padding: 0 0 0 0;}
#zonesite {display: block; width:845px; float:right; padding-left:10px;}
#zoneBloc1 {display: block; width:471px; float:left; margin : 0 0 0 0; padding-left:10px; background-image:url(../images/dfond5.jpg); background-repeat:no-repeat;}
#zoneBloc2 {display: block; float:left; width:145px; margin : 0 0 0 0; background-image:url(../images/goutteeau.jpg); background-repeat:no-repeat; text-align:center;}
#zoneBloc3 {display: block; float:left; width:121px; margin : 0 0 0 0; padding-left:30px; text-align:center;}
#pieddepage {display:block; width:1001px; height:18px; margin: 0 auto; text-align:right; font-family: Verdana; font-size: 11px; color: #FFFFFF; text-decoration: none; 
	padding-right:25px; padding-top:2px; background-image:url(../images/_bas.jpg); background-repeat:no-repeat; background-position:top;}
#zoneTexteNotice {float:left; width: 620px; margin: 0 0 0 10px; padding-left: 5px; }
#zoneTexteNotice p {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#6b6b6b; line-height: 19px; }
.zoneInfo {display:block; width:130px; text-align:center; margin: 0 auto; background-image:url(../images/cfond.jpg);}
.fondinfo {display:block; text-align:center; background-image:url(../images/c1.jpg); background-repeat:no-repeat; }
.texteEntete2 { display:block; height:18px; padding-top:3px; overflow:hidden; }
.decalage40 { margin: 0 0 0 50px;}
.fonddefil {background-image:url(../images/_3w.jpg); background-repeat:no-repeat;}
.fonddegradbleu {background-image:url(../images/4.jpg); background-repeat:no-repeat;}
.fondoreilleg {background-image:url(../images/fondmenu0.jpg); background-repeat:no-repeat;}
.fondmenubleu {background-image:url(../images/Menu/_menu1.jpg); background-repeat:no-repeat; }
.positionFleft {float:left;}
.positionFright {float:right;}
.TexteListe {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; }
.TexteListeS {padding-left:20px; background-image:url(../images/pucecarreB.gif); background-repeat:no-repeat; border-bottom:2px solid #74A3D7; font-size: 13px; font-weight: bold; }
.intro {font-family: Arial, Helvetica, sans-serif;	font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; }
.intro2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold; margin-left:10px;}
.intro2 p { padding-left:50px;}
.intro3 {font-weight:normal; }
.flecheorange {background-image:url(../images/flecheorange.gif); background-repeat:no-repeat; padding-left:10px;}
/* Menu ------------------------------------------------------------------------------------*/
#Menupiscine {display:block; width:140px; font-family: Verdana; color: #FF0000; font-size: 10px; padding: 0 0 0 0; margin: 0 0 0 0; text-align:left; float:left;}
#Menupiscine ul {display:block; width:107px; list-style:none; color: #0006FF; padding: 0 0 0 16px; margin: 0 0 0 0;  }
#Menupiscine li {display:block; width:107px; height:20px; color: #0006FF; background-image:url("../images/Menu/10_1.jpg"); background-repeat:no-repeat;  padding: 0 0 0 0; text-align:left; margin-bottom:13px;}
#Menupiscine a {display:block; width:107px; height:20px; color: #0006FF; text-decoration:none; padding: 3px 0 0 23px; text-align:left;}
#Menupiscine a:link {color: #0006FF; padding-top:3px; padding-left:23px;}
#Menupiscine a:visited {color: #0006FF;}		
#Menupiscine a:hover{ height:20px; padding:3px 0 0 23px;color: #FF0000; background-image:url("../images/Menu/10_2.jpg"); background-repeat:no-repeat; }
.MenuEC { display:block; width:107px; height: 20px; color: #FF0000; font-size: 10px; font-weight: bold;  margin: 0 0 0 0;
	 background-repeat: no-repeat; background-image: url("../images/Menu/10_3.jpg"); padding: 4px 0 0 23px;}
	 
.MenuEnCours { display:block; width:107px; height: 20px; font-family: Verdana; color: #FF0000; font-size: 10px; font-weight: bold;  margin: 0 0 0 0;
	 text-decoration: none; background-repeat: no-repeat; background-image: url("../images/Menu/10_3.jpg"); padding: 4px 0 0 0;}
.MenuLibre a{ display:block; width:107px; height: 20px; text-decoration: none; color: #0006FF; background-repeat: no-repeat; background-image:url("../images/Menu/10_1.jpg");padding: 3px 0 0 0;
	font-family: Verdana; font-size: 10px;  text-align:left;}
.MenuLibre a:hover{ color: #FF0000; background-image:url("../images/Menu/10_2.jpg"); }
.MenuSel {font-family: Verdana; color: #FF0000; font-weight: bold; }
.MenuSel2 {font-family: Verdana; color: #FF0000; font-size: 15px; font-weight: bold; }

.vign_menu {float:left; list-style-type:none; margin:0 0 0 18px; padding:0; width:592px;}
.vign_menu li {float:left; height:44px; width:123px; }
.vign_menu li a { display:block; height:44px; width:123px; }

#vign_accueil { background-image:url(../images/Menu/_menu_accueil.png); background-position: 0px 0px; }
#vign_sommaire { background-image:url(../images/Menu/_menu_sommaire.png); background-position: 0px 0px; }
#vign_menupiscine { background-image:url(../images/Menu/_menu_piscine.png); background-position: 0px 0px; }
#vign_accueil:hover, #vign_sommaire:hover, #vign_menupiscine:hover  {background-position: 0px -44px;}
.clickinfo {list-style-type:none; margin:0 0 0 0; padding:0 0 0 0px; width:130px; float:left;}
.clickinfo li {height:19px; width:130px; }
.clickinfo li a { display:block; height:19px; width:130px; }
#click_bout { background-image:url(../images/click_bout2.png); background-position: 0px 0px; }
#click_bout:hover {background-position: 0px -19px;}
/* Défilement --------------------------------------------------------------------------------*/
#newsbox { width: 440px; height: 75px; position: relative; overflow: hidden; }
#newslist { position: absolute; padding: 0 0.1em;  }

#slideshow { position: relative; width: 170px; height: 130px; margin-bottom:5px;}
#slideshow2 { position: relative; width: 170px; height: 130px; }
#slideshow div { position: absolute; left: 0; top: 0;  }
#slideshow2 div { position: absolute; left: 0; top: 0;  }

/* --------------------------------------------------*/
.vign_logodxf { display:block; width:48px; height:47px; background-image:url(../images/dwgdxf.png); background-repeat:no-repeat; margin:0 auto; background-position: 0px 0px; }
.vign_logodxf:hover {background-position: 0px -47px;}
a.vign_logodxf { margin-top:35px; }

/* Polices -----------------------------------------------------------------------------------*/
.texte {  font-family: Verdana; font-size: 10px; color: #000000; text-decoration: none}
.texte1 {  font-family: Verdana; font-size: 9px; color: #000000; }
.texte1b {  font-family: Verdana; font-size: 10px; color: #000000; }
.texte3 {  font-family: Verdana; font-size: 10px; color: #FFFFFF; text-decoration: none}

.lien01 {  font-family: Verdana; font-size: 10px; color: #000000; text-decoration: none}
a.lien01:hover {text-decoration: none;}
.lien01p1 {  font-family: Verdana; font-size: 11px; color: #000000; text-decoration: none}
.lien01p2 {  font-family: Verdana; font-size: 15px; color: #000000; text-decoration: none}
.lien01b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;}
.DefilBleu {color: #00CCFF}
.lien01bb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.lien02 {  font-family: Verdana; font-size: 10px; color: #FFFFFF; text-decoration: none}
.lien02Entete {  font-family: Verdana; font-size: 10px; color: #FFFFFF; text-decoration: none; background-image:url(images/_2w.jpg)}
.defil2 {  font-family: Verdana; font-size: 11px; color: #FFFFFF; text-decoration: none}
.defil2J {  font-family: Verdana; font-size: 11px; color: #FFFF00; text-decoration: none}
.defilAzur {  font-family: Verdana; font-size: 12px; color:#0099FF; text-decoration: none; font-weight:bold; }
.defil2v2 {  font-family: Verdana; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight:bold; }
.defil2Jv2 {  font-family: Verdana; font-size: 12px; color: #FFFF00; text-decoration: none; font-weight:bold; }

.Titre { font-family: Verdana; font-size: 24px; color: #000000; text-decoration: none; font-weight: normal; }

.SousTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.TitreAzur {
	font-family: Verdana;
	font-size: 24px;
	color: #00A0C6;
	text-decoration: none;
	font-weight: bold;
}
.alignclear {clear:both;}
.titrePage {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF6600; font-weight: bold; text-decoration: none; padding-left:24px; }
.titrePage2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3300FF; font-weight: bold; text-decoration: none; }
.titrePage3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF6600; font-weight: bold; text-decoration: none; padding-left:24px; }
.chris{	background-repeat: no-repeat; background-attachment: fixed;}
.chrisc1{ background-repeat: no-repeat;	}
.chrisc2{ background-position:center; background-repeat: no-repeat;	}
.chrisc3{ background-position:top; background-repeat: no-repeat; }
.chrisc5{ background-position:left;	background-repeat: no-repeat; }
.chrisb1 { background-position:bottom; background-repeat: no-repeat; }
.bleuSommaire {font-family: Verdana; color: #00A0C6; font-size: 11px; font-weight: bold; }
.attireAtt {font-family: Verdana; color: #0000FF; font-size: 11px; font-weight: bold; }
.attireAtt2 {font-family: Verdana; color: #0000FF; font-size: 11px; font-weight: bold; text-decoration: none; }
a.attireAtt2:hover {color: #FF6600;}
.attireAtt3 {font-family: Verdana; font-size: 12px; color: #0000FF; font-weight: bold; text-decoration: none; }
a.attireAtt3:hover {color: #FF6600;}
.attireAtt4 {font-family: Verdana; font-size: 15px; color: #0000FF; font-weight: bold; text-decoration: none; }
.PrixFiche {font-family: Verdana; font-size: 12px; color: #FF6600; font-weight: bold; text-decoration: none; }
a.PrixFiche:hover {font-family: Verdana; font-size: 12px; color: #FF0000; font-weight: bold; text-decoration: none; }
.survolHyp2 {font-family: Verdana; font-size: 11px; color: #000000; text-decoration: none;}
a.survolHyp2:hover{font-family: Verdana; font-size: 11px; color: #FF6600; text-decoration: none;} 

.survolHyp3 {  font-family: Verdana; font-size: 11px; color: #0000CC; text-decoration: none}
a.survolHyp3:hover{font-family: Verdana; font-size: 11px; color: #FF3300; text-decoration: none}
.survolHyp4 {font-family: Verdana; font-size: 12px; color: #FF6600; font-weight: bold; text-decoration: none; }
a.survolHyp4:hover {font-family: Verdana; font-size: 12px; color: #0000FF; font-weight: bold; text-decoration: none; }
.survolHyp5{font-family: Verdana; font-size: 12px; color: #0000FF; font-weight: bold; text-decoration: none; }
a.survolHyp5:hover {font-family: Verdana; font-size: 12px; color: #FF6600; font-weight: bold; text-decoration: none; }

.survolHyp a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.survolHyp a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}