/*--PAGE GÉNÉRAL--Piscinebonheur avec Menu--------- */
BODY { 
	background-color : #f08e0b; 	
	color : #ffffff; 
	background-position : top; 
	background-repeat : repeat-x; 
	margin : 0 0 0 0; 
	text-align : center;
	width: 100%;
	scrollbar-face-color: #9aa5bc;
	scrollbar-shadow-color: #788796;
	scrollbar-highlight-color: #c4cedd;
	scrollbar-3dlight-color: #c4d3f2; 
	scrollbar-darkshadow-color: #355473; 
	scrollbar-track-color: #e9fbfc; 
	scrollbar-arrow-color: #355473;
	background-image: url(images/body_fond.jpg);
}
/*--PAGE  ------------------ */
.page, DIV.page {
	position: relative;
   width: 974px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	border-left: solid; 
	border-right: solid;
	border-color: #ffffff; 
	border-right-width: 8px;
	border-left-width: 8px;
	background-color : #ffb305; 	
	margin: 0 auto; /* les marges automatiques (et dotes d'une largeur positive) centrent la page */
}

.page	a:hover {color: #ffffff; background-color: transparent;}
.page a:link{color: #cd0067; text-decoration: underline; background-color: transparent;}
.page a:visited{color: #ffffff; background-color: transparent;}

.page #entete { 
	z-index: 1;
	width: 100%;  /* ce paramétrage crée un conteneur dont la largeur est 100 % de celle du navigateur */
	background-image: url(images/entete5.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 140px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
} 

.page #contenu {
	width: 90%;  /* ce paramétrage crée un conteneur dont la largeur est 100 % de celle du navigateur */
	height: inherit;
	margin: 10px 42px 0 42px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	vertical-align: top;
	text-align: center;
} 

.page #bas { 
	position: absolute; top: 430px; left: 0px;
	z-index: 1;
	width: 1024px;  /* ce paramétrage crée un conteneur dont la largeur est 100 % de celle du navigateur */
	height: 227px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; 
} 


.page #zoneprodinfo {
	position: absolute; top: 90px; left: 38px;
	overflow: auto; 
	direction: ltr; 
	z-index: 4;
	width: 730px;  /* ce paramétrage crée un conteneur dont la largeur est 100 % de celle du navigateur */
	height: 260px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
}

.page #zonerecherche {
	position: absolute; top: 90px; left: 1px;
	overflow: auto; 
	direction: ltr; 
	z-index: 4;
	width: 760px;  /* ce paramétrage crée un conteneur dont la largeur est 100 % de celle du navigateur */
	height: 260px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
}

.page #zoneindexproducts {
	position: absolute; top: 38px; left: 0;
	overflow: hidden; 
	direction: ltr; 
	z-index: 3;
	width: 797px;  /* ce paramétrage crée un conteneur dont la largeur est 100 % de celle du navigateur */
	height: 290px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: justify; 
}

.page #btnradio {	
	position: absolute; top: 0px; left: 834px;
	z-index: 7;
	width: 150px;  /* ce paramétrage crée un conteneur dont la largeur est 100 % de celle du navigateur */
	height: 140px;
	vertical-align: top;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
}


.page #lien_accueil {	
	position: absolute; top: 25px; left: 270px;
	z-index: 7;
	width: 450px;  /* ce paramétrage crée un conteneur dont la largeur est 100 % de celle du navigateur */
	height: 45px;
	vertical-align: top;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
}





/*----MENU en BAS-------------------------------------------------- */
.baseline, DIV.baseline{	
	position: inherit;
   width: 100%;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	z-index: 0;
	height: 30px;
	vertical-align: middle;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	background-color: transparent;
	background-image: url(images/pied_variable.jpg);

	
}

.a51-basetext{
	color: #cd0067;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	padding-top: 8px;
}

.baseline a:link{color: #cd0067; text-decoration: underline; background-color: transparent;}
.baseline a:visited{color: #cd0067; text-decoration: underline; background-color: transparent;}
.baseline a:hover{color: #cd0067; text-decoration: underline; background-color: transparent;}
.baseline a:active{color: #cd0067; text-decoration:underline; background-color: transparent;} 

.piedct, TD.piedct {
	margin: 0 0 0 0;
	background-color: transparent;
	color: #cd0067;	
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	height: 10px;
	padding-top: 8px;
}

.piedct a:link{color: #cd0067; text-decoration: underline; background-color: transparent;}
.piedct a:visited{color: #cd0067; text-decoration: underline; background-color: transparent;}
.piedct a:hover{color: #cd0067; text-decoration: underline; background-color: transparent;}
.piedct a:active{color: #cd0067; text-decoration:underline; background-color: transparent;} 

/*----RUBRIQUE -------------------------------------------------- */
.rubrique, DIV.rubrique {
	position: inherit; /* le paramétre position: relative permet de positionner les deux encadrés par rapport à ce conteneur */
	width: 100%;  
	height: 50px;
	color: #cd0067;
	margin: 0 0 0 0; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: center; 
	background-image: url(images/rub_variable.jpg);
	background-repeat: repeat-x;
	background-position: top;
	vertical-align: top;
	z-index: 7;
}

/*---3/-MENU ----type par défaut-------------------------------------------- */

#rubriq_gche {
	background-image: url(images/rub_td_g.jpg);
	background-repeat: no-repeat;
	background-position: 0 10px;
	width: 10px;
	height: 40px;
	margin: 0 0 0 0;
	vertical-align: top;
}
#rubriq_dte {
	background-image: url(images/rub_td_d.jpg);
	background-repeat: no-repeat;
	background-position: 0 10px;
	width: 10px;
	height: 50px;
	margin: 0 0 0 0;
	vertical-align: top;
}
#rubriq_cte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-position: top left;
	text-align: justify;
	height: 50px;
	margin: 4px 0 0 0;
	vertical-align: top;
	padding: 14px 0 0 0;
}
#rubriq_cte a:link{color: #FFFFFF;text-decoration:none;}
#rubriq_cte a:visited{color: #FFFFFF; text-decoration:none;}
#rubriq_cte a:active{color:  #FFFFFF;text-decoration:none;}		
#rubriq_cte a:hover{color: #ffb305; text-decoration: none;}


#gdcmenu {
/* Début ne pas modifier */
	color: inherit;
/* Fin ne pas modifier */
}

#gdcmenu td ul{
/* Début ne pas modifier */
	display: none;
/* Fin ne pas modifier */
	font-size: 13px;
	font-weight: bolder;
	background-color: #cd0067;
	width: 200px;
}

#gdcmenu td a{
/* Début ne pas modifier */
  display:block;
/* Fin ne pas modifier */
	margin: 0 10px 0 10px;	
	text-decoration: none;
	height: 20px;
}
#gdcmenu td:hover>ul{
/* Début ne pas modifier */
	display:block;
/* Fin ne pas modifier */
/* Pour mettre un fond au bloc menu */
}

/* Pour paramétrer le bloc menu déroulant */
#gdcmenu ul{
/* Début ne pas modifier */
	position: absolute;
	z-index: 5;
	list-style:none;
  /* Fin ne pas modifier */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
}

/* Pour paramétrer les items du menu déroulant */
#gdcmenu ul li a{
/* Début ne pas modifier */
	display:block;
/* Fin ne pas modifier */
	border-bottom: 1px solid #FFB305;
}

/* Pour paramétrer les items lors du survol du menu déroulant */
#gdcmenu ul li a:hover{
	background-color: #cd0067;
	color: #FFB305;
}

/*----Web Play list -------------------------------------------------- */
.popupweb, DIV.popupweb{
	background-color : #ffb305; 	
	position: absolute; top: 0; left:0;
	width : 260px;
	height: 350px;
	margin: 0 0 0 0;
	vertical-align: middle;
	z-index: 1;
}
.webradio, DIV.webradio, TABLE.webradio {
	background-color : #ffb305; 	
	position: absolute; top: 0; left: 0;
	width: 260px;
	height: 350px;
	background-image: url(images/web_radio.jpg);
}
.webradio #entete{
	width: 260px;
	height: 70px;
	background-color : inherit;
	background-image: url(images/webtete.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 0 0 0; 	
}
.webradio #lecteur{
	position: relative; top:5px; left:30px;
	width:220px;
	height: 20px;
	margin: 0 0 0 0; 	
}

.webradio #haut{
	width:260px;
	height: 10px;
	background-color : inherit;
	background-image: url(images/webplht.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 0 0 0; 	
}

.webradio #milieu{
	width:220px;
	height: 240px;
	background-color : inherit;
	background-image: url(images/webplml.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 0 0 0 0; 	
}

.webradio #bas{
	width:260px;
	height: 20px;
	background-color : inherit;
	background-image: url(images/webplbas.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 0 0 0; 	
}

.playlist, DIV.playlist{
	position: relative; top:0px; left: 10px;
	width:200px;
	height: 230px;
	overflow: auto;
	direction: ltr;
	margin: 0 0 0 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	scrollbar-face-color: #f6a71c;
	scrollbar-shadow-color: #7b520b;
	scrollbar-highlight-color: #ffc55e;
	scrollbar-3dlight-color: #ffda99; 
	scrollbar-darkshadow-color: #634209; 
	scrollbar-track-color: #f6a71c; 
	scrollbar-arrow-color: #684f23;
}

/* Pour paramétrer le bloc menu déroulant */
.playlist #listeul{
/* Début ne pas modifier */
	z-index: 2;
	list-style:none;
  /* Fin ne pas modifier */
  	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* Pour paramétrer les items du menu déroulant */
.playlist #listeul li a{
/* Début ne pas modifier */
	display:block;
/* Fin ne pas modifier */
	text-decoration: none;
	padding: 2px 2px 2px 10px; 
	color: #966808;
}

/* Pour paramétrer les items lors du survol du menu déroulant */
.playlist #listeul li a:hover{
	background-color: #ffe690;
	color: #ff8c05;
	text-decoration: none;
}

/*---- Formulaire -------------------------------------------------- */
.etiqformulaire {
	color: #7b5609;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	left: auto;
	top: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.etiqformulairetxt{
	color: #7b5609;
	background-color: transparent;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-style: normal;
	height: 16px;
	margin: 0 0 0 0;
	border-style: none;
	border-bottom:hidden;
	border-top:hidden;
	border-right:hidden;
	border-left: hidden;
}

.bouton1 {
	background-color: inherit;
	color: #7b5609;
	border-top-width: 1px;
	border-top-color:#d2d6db;
	border-top-style:solid;
	border-bottom:#577f9a;
	border-bottom-width: 1px;
	border-bottom-color:#d2d6db;
	border-bottom-style:solid;
	background-image: url(images/buttons/btimg1.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}
.notatexte{
	color: #FFFFFF; 
	background-color: transparent;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}