/* CSS Document */

/*
+++================================================================================================================================
												BALISES GENERALES
+++================================================================================================================================
*/	

html, body 
	{
		background       : url(../images/bg.jpg) top left repeat-x;/*Mettre bg.jpg pour image de fond*/
		background-color : #cbe6ff;
		margin           : 0;
		padding          : 0;
		font-family      : Verdana, Arial, Helvetica, sans-serif;
		font-size        : 11px;
		height           : 100%;	
	}
	
ul, li
	{
		margin              : 0;
		padding             : 0;
		list-style-type     : none;
	}	
		
h2	
	{
		margin: 25px 0 0px 0;
	}
	
p	
	{
		margin: 3px 0 10px 0;
	}

/*
+++================================================================================================================================
												CONTENEUR GLOBAL CENTRE
+++================================================================================================================================
*/	
div#global
	{
		width       : 960px;
		margin      : 0 auto;
		padding     : 0;
	}

	
/*
+++================================================================================================================================
												HAUT DE LA PAGE (+ menu)
+++================================================================================================================================
*/		
div#header 
	{
		font-family         : "Franklin Gothic Medium", Arial, Verdana;
		background          : url(../images/bg-header.jpg) top left no-repeat;
		height              : 125px;
		position            : relative;
	}
	
#retour-accueil
	{
		display             : block;
		margin-left         : 20px;
		width               : 120px;
		height              : 123px;
	}
	
div#main-menu
	{
		position            : absolute;
		bottom              : 0px;
		left                : 151px;
		font-size           : 14px;
		text-transform      : uppercase;
	}
	
	
div#main-menu li
	{
		float               : left;
	}
	
div#main-menu  a
	{
		color               : #ffffff;
		text-decoration     : none;
		line-height         : 75px;
		display             : block;
		text-align          : center;
	}

div#main-menu  a:hover
	{
		background          : #2a3c92;
		color               : #87c0f9;
	}
	
div#main-menu  a#current /* element en cours dans le menu */
	{
		color               : #bdff4a;
	}
	
/*
--------------  PROPRIETES DE CHAQUE ELEMENT DU MENU --------------------
*/	
#menu-decouverte
	{
		width               : 198px;
		margin-right        : 2px;
	}
	
#menu-soins
	{
		width               : 102px;
		margin-right        : 2px;
	}
	
#menu-loisirs
	{
		width               : 111px;
		margin-right        : 2px;
	}
	
#menu-tarifs
	{
		width               : 112px;
		margin-right        : 2px;
	}
	
#menu-infos
	{
		width               : 164px;
		margin-right        : 2px;
	}
#menu-contact
	{
		width               : 111px;
	}
/*
----------------------- FIN MENU -----------------------------------
*/	




/*
+++================================================================================================================================
									CONTENU DE LA PAGE TEXTES, IMAGES, FLASH...
+++================================================================================================================================
*/	

div#contenu 
	{
		position        : relative;
		background      : #b2d4f6;/* b2d4f6 */
		padding         : 0;
		margin          : 0;
		min-height      : 440px;
		height          : 100%;	
		width           : 100%;
	}
	
div#menu-sec
	{    
		position        : absolute;
		top             : 0;
		left            : 0;
		width           : 287px;
		min-height      : 440px;
		height          : 100% !important;
		background      : #b2d4f6;
		color           : #ffffff;
		text-align      : right;
	}
	
* html div#menu-sec
	{    
		height           : 441px;
	}
	
.menu-sec-noir
	{
		color            : #000000;
		padding          : 15px 10px 0 25px;
	}
	
h1 span
	{
		font-size        : 18px;
	}
			
.fleche-vignette
	{
		background-color : #9ed557;
		position         : absolute;
		top              : 401px;
		left             : 0;
		height           : 40px;
		width            : 100%;
		z-index          : 250;
	}
.fleche-vignette p
	{
		background       : url(../images/fleche-vignette.jpg) right no-repeat;
		margin           : 0 10px 0 0;
		padding          : 0 28px 0 0;
		line-height      : 40px;
		font-weight      : bold;
	}

#img-menu-sec
	{
		position         : absolute;
		bottom           : 0;
		left             : 0;
		z-index          : 200;
	}
	
div#menu-sec a
	{
		color           : #ffffff;
		font-family     : "Franklin Gothic Medium", Arial, Verdana;
		text-decoration : none;
		display         : block;		
		padding         : 3px 20px 3px 0;

	}
	
div#menu-sec a:hover, div#menu-sec #courant
	{
		color           : #112272;
		background      : url(../images/puce-menu-sec.gif) no-repeat right;
	}
		
div#menu-sec h1, div#main-contenu h1
	{
		text-transform  : uppercase;
		font-size       : 28px;
		margin          : 0;
		padding         : 15px 5px 15px 0;
	}
	
div#menu-sec li
	{
		text-transform  : uppercase;
		font-size       : 15px;
		border-bottom   : 1px solid #ffffff;
	}
	
div#main-contenu
	{
		margin-left      : 287px; 
		padding          : 60px 25px 50px 30px;  
		overflow         : auto;
		clear            : both;
		background       : #ffffff;
	}

div#main-contenu h1
	{
		position        : absolute;
		top             : 0px;
		left            : 291px;
		color           : #b2d4f6;
	}
	
div#main-contenu h2, #horaires h2
	{
		color           : #77b904;
		text-transform  : uppercase;
		font-size       : 14px;
	}
	
div#main-contenu h3
	{
		color           : #2a3c92;
		display          : list-item;
		list-style-image : url(../images/puce-h3.gif);
		padding          : 0 0 5px 15px;
		border-bottom    : 1px dotted #2a3c92;
		font-size       : 16px;
	}
				
div#main-contenu a, div#droite a
	{
		color            : #000000;
	}
	
div#main-contenu a:hover, div#droite a:hover
	{
		color            : #77b904;
	}
	
div#main-contenu ul
	{
		margin           : 5px 0;
	}
	
div#main-contenu li
	{
		list-style-image : url(../images/puce-liste.gif);
		margin-left      : 15px;
	}
div#main-contenu li.empty
	{
		list-style-image : none;
		margin-left      : 15px;
	}
		
		
		
		
/* --------------------------------------------------
fond ombre portée+contour pour les images
 */	
.img-shadow, .img-shadow-left 
	{
		background       : no-repeat bottom right;
		padding          : 0;
		background-image : url(../images/shadow.gif);
		float            : right;
		margin           : 10px;
		clear            : both;
	}
	
.img-shadow img, .img-shadow-left img
	{
		display          : block;
		margin           : 0px 8px 8px 0px;
		padding          : 4px;
		border           : 1px solid #ddd;
	}
	
.img-shadow-left
	{
		float            : left;
	}
.spacer
	{
		
		height           : 1px;
		visibility       : hidden;
	} 
/*--------------------------------------------------------*/
	
	
.main-tab
	{
		width            : 100%;
		margin-top       : 8px;
		border-collapse  : collapse;
	}	
.main-tab td, .main-tab th
	{
		border           : 1px solid #ccc;
		padding          : 5px 6px 5px 4px;
	}
.main-tab th
	{
		background       : url(../images/bg-tab.gif);
		color            : #ffffff;
	}

.td-tarifs
	{
		font-weight      : bold;
		text-align       : center;
	}

/*------------------------------------------  GALERIE DE PHOTOS -------------------------------------------------------------*/

div#galerie
	{
		margin-left      : 287px; 
		padding          : 0;  
	}


/*------------------------------------------  INFOS PRATIQUES  -------------------------------------------------------------*/
#centre 
	{
		position : relative;
		background-color:#8ebcf0;
		margin  : 0 260px 0 0;
		width : 702px;		
		height              : 440px;
		text-align : right;
	}

#droite 
	{
		position            : absolute;
		right               : 0;
		width               : 258px;
		height              : 440px;
		background-color    : #ffffff;
	}
	
#infos-resa-droite
	{
		position            : absolute;
		top                 : 40px;
		right               : 30px;
	}
	
#infos-resa-droite h2
	{
		color           : #77b904;
		text-transform  : uppercase;
		font-size       : 14px;
	}
	
#droite img
	{
		position            : absolute;
		bottom              : 0;
	}
	
h1#infos-pratique-titre
	{
		margin              : 0;
		padding             : 0;	
		position            : absolute;
		top                 : 10px;
		right               : 100px;	
		color               : #ffffff;
		font-size           : 30px;
		font-family         : "Franklin Gothic Medium", Arial, Verdana;
		text-transform      : uppercase;
		display             : inline;
		z-index             : 500;
	}
	
#infos-pratique-titre span
	{
		color               : #8ebcf0;
		font-size           : 30px;
		font-family         : "Franklin Gothic Medium", Arial, Verdana;
	}
	
#horaires h2
	{
		color : #000000;
	}
#horaires
	{
		position            : absolute;
		left                : 25px;
		top                 : 20px;
		text-align          : left;
		width               : 300px;
	}	
		
/*
+++================================================================================================================================
												PIED DE LA PAGE 
+++================================================================================================================================
*/	
div#footer 
	{
		background   : url(../images/bg-footer.jpg) top left no-repeat;
		height       : 157px;
		color        : #ffffff;
		margin       : 0;
		padding-top  : 10px;
	}

div#footer a 
	{
		color        : #ffffff;
	}
	
div#footer a:hover 
	{
		color        : #0c1173;
	}

div#footer h2 
	{
		color            : #ffffff;/*ab3a94*/
		font-size        : 16px;
		display          : list-item;
		list-style-image : url(../images/puce-h2.gif);
		margin           : 0 0 10px 10px;
		padding          : 0;
	}
div#footer h2.blink
	{
		text-decoration  : blink ;
	
	}	
	
div#footer p 
	{
		padding          : 0;
		margin           : 0 0 8px 0;
	}
	
div#footer .img-left 
	{
		float            : left;
		margin           : 0 5px 0 0;
	}

div #footer table
	{
		width            : 100%;
		margin           : 0 10px;
		border-spacing   : 5px;
		padding          : 0;	
	}
	
div #footer td
	{
		vertical-align   : top;
		padding          : 0 15px;
	}
	
div #footer td.bordure
	{
		background       : url(../images/trait-sep.jpg) no-repeat right top;
	}
/*
+++================================================================================================================================
												FORMULAIRE DE CONTACT 
+++================================================================================================================================
*/	


.label 
{
	width               : 200px;
	font-weight         : bold;
}
.input-contact, textarea
{
	border              : 1px solid #ccc;
	width               : 250px;
}

.input-contact-petit
{
	border              : 1px solid #ccc;
	width               : 115px;
}

/*
CSS POUR CONTRIBUTE
*/
.TITRE_VERT
{
		color           : #77b904;
		text-transform  : uppercase;
		font-size       : 14px;
		font-weight     : bold;
}

.TITRE_BLEU_POINTILLE
{
	border-bottom:1px dotted #2A3C92;
	color:#2A3C92;
	display:list-item;
	font-size:16px;
	list-style-image:url(../images/puce-h3.gif);
	padding:0pt 0pt 5px 15px;
	font-weight     : bold;
}


/*
+++================================================================================================================================
												ELEMENTS PAYPAL  
+++================================================================================================================================
*/	

/* Formulaires panier (affichage / ajout) */
.btnFrmPaypal, .btnCartPaypal
{
	float					: right;
	clear					: right;
	margin				: 0.5em 0 0 0;
	padding				: 0;
	width 	: 180px;
}

/* Zone de texte 'quantity' */
.txtqtFrmPaypal
{
	height				: 17px;
	width					: 26px;
	margin				: 0 0.5em 4px 0;
	float					: right;

	line-height			: 16px;
	border				: #d8dcca solid 1px;
	background-color	: #edf5d8;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	color					: #474747;
	text-align			: center;
}

/* Bouton 'Add' (submit image) */
.btnaddFrmPaypal
{
	float					: right;
}