/*  -------------------------------------------------------
/*  CSS Skiclub Bourgoinjallieu - date de Création été 2007 
/*  -------------------------------------------------------
/* <link rel="styleheet" type"text/css" href="pages.css">*/

body    {				
		font-family: verdana, Arial, Helvetica, sans-serif;
		color: #3366ff;
		font-size:10px;
		text-align: center;
		}
		
td,th	{				
		font-family: verdana, Arial, Helvetica, sans-serif;
		color: #3366ff;
		font-size:10px;
		}
		
#page   {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        }

*{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

/*  ------------------------------------------
/*  Lien du site 
/*  ------------------------------------------
*/
a { text-decoration: none; }
a:active, a:link, a:visited { color: #00c; font-weight:bold; text-decoration: underline; }
a:hover,a:focus { color: #993300; text-decoration: none; }

/*a:link {text-decoration: underline; color: #5B2D00}
a:visited {text-decoration: underline ; color: #7C3EBA}
a:hover {text-decoration: none; color: #FF0000}*/

/*  ------------------------------------------
/*  boites generique 
/*  ------------------------------------------
*/

#container 	{
		margin-top:10px;
		width:670px; 
		border:1px, color:#009900;
		margin-right:auto;
		margin-left:auto; 
		text-align:left; 
		}


/*  -------------------------------------------------------------------
/*  bandeau haut de page 650 par 80 centré - positionnement de la boite
/*  -------------------------------------------------------------------
*/

#bandeau		{
		background-image:  url(accueil_haut_New05.gif);
		width: 650px;
		height: 80px;
}

/*  ------------------------------------------
/*  menu haut avec une marge de 150 gauche
/*  ------------------------------------------
*/
 
#conteneurmenuhaut 	{ 	
			width: 650px; 
  			padding-left: 65px;
  			background-image:  url(accueil_haut_New05.gif);
  			background-repeat: no-repeat ;
  			background-position: left -51px ;
  			/*border: 1px green solid;*/
  			}
#menuhaut li{
  			background-color: #fdbb3c ;
 			list-style-type: none;
 			font-weight: bold ;
 			border-color: #3366ff ;
  			border-width: 1px ;
  			border-style: solid ;
  			float: left;
  			margin: 2px 0px 4px 4px ;
			}
#menuhaut li a {
  			text-decoration: none ;
  			padding: 5px 12px ;
  			display: block ;
			}
#menuhaut li a:hover {
  			color: white ;
  			background-color: #3366ff ;
			}

.clear 		{
  		clear: both ; 
		}

/*  -------------------------------------------------------------------
/*  menu gauche  (presentation, plan, ...) , positionnement de la boite
/*  -------------------------------------------------------------------
*/

#menugauche	{
		border: 1px green solid;
		font-size:1.5em;
		clear: left ;
		padding-top: 0px;
		width: 150px;
		background-image:  url(menu_hiver.jpg);
  		background-repeat: no-repeat ;
  		float:left;
		}
#menugauche li {
  		list-style-type: none ;
		}
#menugauche li a {
  		color: #fdbb3c ;
 		text-decoration: none ;
  		font-weight: bold ;
  		padding: 10px ;
  		display: block ;
}
#menugauche li a:hover {
  		color: #993300 ;
  		background-color: #999 ;
  		background-image:  url(menu_hiver.jpg);
}
#m1 { background-position: left -333px ; }
#m2 { background-position: left -373px ; }
#m3 { background-position: left -413px ; }
#m4 { background-position: left -453px ; }


/*  -------------------------------------------------------
/*  menu centre , positionnement de la boite sur 2 colonnes
/*  -------------------------------------------------------
*/

#boite		{
		width: 480px;
		margin-left:170px;
		padding-top:0px;
		/*-border: 1px green solid;--*/
		}
#colonne1	{
		width: 230px;
		margin-right: 15px;
		/*-border: 1px blue solid;--*/
		float:left;
		}
#colonne2	{
		width: 230px;
		padding-top:0px;
		/*-border: 1px pink solid;--*/
		float:left;
		}


/*  ------------------------------------------
/*  différents textes du site  h1, h2, h", ...
/*  ------------------------------------------
*/
.large 		{
 			margin-bottom:14pt;
 			}

h1 {}

/*  correspond au titre chapotitre14orange  */
h2 	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #f9b600;
	font-size:14px; 
	background:  url(Images/fleche_jaune.gif) no-repeat 0px 0px; 
	text-indent:25px;
	margin: 5px 5px 5px 5px;
	}

h3 	{	
	color: #fdbb3c;
	font-weight: bold; 
	margin: 0px;
 	padding: 0px;
 	background-image: url(Images/fleche_jaune.gif);
	background-repeat:no-repeat; 
	text-indent:25px;
 	}

h6 	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px; 
	color: #fdbb3c; 
	margin-left:5px;
	padding: 5px 0px 0px 10px;
 	background-image: url(Images/stylh2.gif);
	background-repeat:no-repeat; 
	font-weight: bold;
	text-indent:15px;
	}

.filariane 	{
		background-image: url(Images/fleche_rouge.gif); background-repeat:no-repeat; text-indent:15px;
		font:small-caps 8pt Verdana ;
		color: #993300;
		padding-bottom:20px;
		}

.textebleu10 	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #0066CC;
		}

.textebleugras10 {
		font-weight: bold;
		}

.chapotitre14orange 
		{
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 14px; 
		color: #fdbb3c; 
		margin-left:5px;
		padding-left: 15px; 
		font-weight: bold;
		text-indent:15px;
		}

.fleche 
		{
		background-image: url(Images/fleche_jaune.gif%22);
		background-repeat:no-repeat; 
		}

.bat 
		{
		background-image: url(Images/petite_puce_bat.gif%22);
		background-repeat:no-repeat; 
		}



.Chapotrose12 	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: bolder;
		color: #FFCC00;
		}

.texte10rougegras	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #FF0000;
		}
.texte12noir 	{
		font-family: Arial, Helvetica, sans-serif;
		line-height: 30px;
		font-size: 12px;
		font-style: normal;
		font-weight: bolder;
		color: #000000;
}
.prix18rouge 	{
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 300;
		color: #FF0000;
		}
.chapotvert18 	{
		padding: 20px 0px 20px 10px;
		font-size: 14px;
		font-style: italic;
		font-weight: bolder;
		color: #00CC99;
		/*  margin: 15px 0px 5px 0px; */
		}
.courrier14 	{
		font-family: "Courier New", Courier, mono;
		font-size: 14px;
		font-weight: bold;
		color: #0099FF;
		}

/*  ------------------------------------------
/*  Tableaux
/*  ------------------------------------------
*/
.tableau_dimanche
		{
		border-style: solide;
		border-color: black;
		border-width: 1px;
		background-color:
		}







/*  ------------------------------------------
/*  Le bas de page "Footer"
/*  ------------------------------------------
*/

#pieddepage 	{
		width: 650px; 
  		background-image:  url(Images/b_ecrivez.gif);
  		background-repeat: no-repeat ; 
  		float: left;		
		}