@charset "iso-8859-1";
/* AUTEUR: Denis Rousseau */
/* Date de création: 2001-10-24 */
/* Modifié 2005-04-11 */

BODY {
	SCROLLBAR-FACE-COLOR: white;
	SCROLLBAR-SHADOW-COLOR: #000099;
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-HIGHLIGHT-COLOR: #000099;
	SCROLLBAR-ARROW-COLOR: #000099;
	margin: 0 0 30 0;
	}

#main {
	margin: 0;
	padding: 0;
}

/* Gros titre en haut des pages */
H1 {font-size: 24px; font-family: Arial, Helvetica, sans-serif; 
	color: #0099CC; font-weight: bold; font-style: normal; 
	text-align: left;
	width: 300px;
	margin: 0 10 0 0 ;
	padding: 0 0 0 0;
}
	
/*Sous-titre en haut des pages-- */
H2 {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #009900;  font-style: normal; 
	text-align: left;
	text-indent: 40px;
	width: 350px;
	border-bottom: 2px solid #0099CC;
	padding: 4 10 10 0;
	margin: 4 10 10 0    }
	
	
	/* BALISE LIBRE   titre de la couleur de la page --- voir page1 --- voir aussi boites.css */
H3 {FONT-SIZE: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-align: left;
	COLOR: #0099CC;  
	margin: 12 0 12 0 ;}

	/* Servira à remplacer BIG "liste"     Voir titres soulignés dans Activités et photos sports    */
H4 {FONT-SIZE: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; 
		COLOR: #009900;  FONT-STYLE: none;  font-weight: bold; display: block;
		width: 240px; border-bottom: 1px solid #009900 ; margin: 4 0 10 0 ; padding: 4 0 2 0 ;}
	
/* titre de couleur accent     (vert)            */

H5  {FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #009900;  
	FONT-STYLE: normal;  
	font-weight: bold;
	text-align: justifiy;
	margin: 0 0 12 0;
	}
	
	
	
/* En gras noir.  va remplacer BIG=date*/
H6  {font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-weight: bold ;
	margin: 0 0 0 0 ;}

p {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: normal; 
	text-align: justify; text-indent: 18; margin-top: 8px; margin-bottom:8px}
	
a {text-decoration: none }
a:link {color: #0099CC; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
		text-decoration: none}
a:visited {color: #0099CC; font-weight: bold; text-decoration: none}
a:hover {color: #009900; font-weight: bold; text-decoration: underline}


   
big{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif}
big.bleu{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0099CC; font-weight: bold}

/* Mettre les activités pour les jeunes d'une couleur différente: bleu? */
span.jeunes {color: #009900;  font-weight: bold }

big.liste{FONT-SIZE: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; 
		COLOR: #009900;  FONT-STYLE: none;  font-weight: bold; display: block;
		width: 240px; border-bottom: 1px solid #009900}

/* désuet???? à vérifier - servait pour "le trajet" sur la page index */
big.soulign{font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000080; text-decoration: underline  ; font-weight: bold}



/*  à remplacer dans "lesactivités" par H6  ------- encore utile dans le texte dans "letrajet"   */
big.date{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold }
BLOCKQUOTE {MARGIN-TOP: 5px; MARGIN-RIGHT: 15px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 15px}
blockquote.imggauche {float: left;  width: 233px; padding: 6px 20px 5px 0px ; margin: 0 0 0 0; font-size: 10px; font-style: italic; }
blockquote.imgdroite {float: right;  width: 233px; padding: 3px 0px 3px 20px ; margin: 0; font-size: 10px; font-style: italic; }
br{font-size: 11px; }

div.image {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; 
	text-align: center; text-indent: 0; margin-top: 4px; MARGIN-RIGHT: 15px; margin-bottom: 10px; 
	MARGIN-LEFT: 15px; font-style: italic}
	
/*utiliser avec img.phsports pour lessports----  photo avec titre H5 et texte p=liste*/	
div.photo {border:0; margin: 2 8 2 0; padding: 0 0 0 0; width: 240;}
	
small{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000 }



small.lien{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000 }

/*paragraphe qui commence à gauche sans indent */ 
p.liste {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; 
		text-align: justify;  margin-top: 8px; margin-bottom:8px; text-indent: 0}

/*A ajouter à liste pour un paragraphe sans saut de ligne --- voir "lesactivités" i.e. le calendrier */		
p.sanssaut 	{text-align: left; margin: 0 0 0 0 ;}	

/*A ajouter à "liste" pour un paragraphe sans saut de ligne en haut et avec saut de ligne en bas--- voir "lesactivités" i.e. le calendrier */		
p.avecbas 	{text-align: left; margin: 0 0 8 0 ;}	
		
/*Titre de niveau 7 pour la page tennis notamment---- utiliser avec liste */ 		
p.h7 	{font-style: italic; text-decoration: underline}	

/*Date de la dernière mise à jour */ 
p.miseajour		{font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000;
		 text-align: right; text-indent: 0; margin: 24 0 12 10; font-style: italic; font-weight: bold ; }
	
	/* titre au-dessus du Flash   */
p.p1flash	{FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #009900;  
	FONT-STYLE: normal;  
	font-weight: bold;
	text-align: center;
	margin: 7 5 8 0;
	}
	
p.page1 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
		 text-align: justify; text-indent: 9; margin:7 0 7 0}
		 
		 /*texte mini aligné à gauche sans INDENT  --- Voir promo */
p.liste1 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; 
	text-align: left; text-indent: 0; margin: 2 2 2 2; padding: 2 2 2 2}
	
	/* liste des aires de services et de jeux page 1 à droite */
p.marge-liste	{font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; 
	text-align: left; text-indent: -10; padding-left:  36; }

ul.vignoble {margin-left: 56px; margin-top: 12px; margin-bottom: 12px}
ul.image {margin: 0 0 0 0; padding: 0 0 0 0;  }
li {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: justify;text-indent: 0;   list-style: none }
li.photo {margin: 0 0 0 0; padding: 0 0 0 0 ;   list-style: none }
li.soulign {text-decoration: underline;  }
li.imgsoustr {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center; text-indent: 0; margin-top: 4px; font-style: italic}

/*  ligne continue au bas de la page  --------- (faudra faire disparaître la ligne beign) */
td.basbeige  {border-bottom: 1px solid #009900;  }
td.baspage1  {border-bottom: 2px solid #0099CC;  }

div.bordure   {border: 1px solid #3399cc;  }	

img {border: 0; }	
img.plan {margin-left: 10px; margin-top: 12px; margin-bottom: 12px; margin-right: 0px}
img.phsports {margin: 4 0 8 0; width: 240; height: 180; }
img.vertical {margin: 4 30 8 30; width: 180; height: 240; }
img.panoramique {margin: 20 0 10 0; width: 545; height: 132; }

ul.listep1
	{margin: 0 0 0 7;
	padding: 0 0 0 0;	
}

li.listp1
	{margin: 0 0 0 14;
	padding: 0 0 0 0;	
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	text-align: left; 
	text-indent: 0;   
	list-style: none ;
}