/*  -------------------------------------------------------
	/*  CSS Skiclub Bourgoinjallieu - date de Création été 2007
	<link rel="styleheet" type"text/css" href="pages.css">
	/*  -------------------------------------------------------
	*/
	*{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

	body    {
		background: #e6f1f4;
		font-family: verdana, Arial, Helvetica, sans-serif;
		color: #0033aa;
		font-size:12px;
		/*border: 1px green solid;*/
	}


	h1 	{
		font-family: Arial, Helvetica, Verdana, sans-serif;
		color: #d61e0b;
		font-size:14px;
		background: url("Images/carre_vert.gif") no-repeat 0px 4px;
		text-indent:15px;
		margin: 10px 0 10px 0;
		/*  color: #0033aa  */
	}

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

	h3 	{
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 14px;
		color: #fdbb3c;
		margin-bottom:5px;
		padding-left: 10px;
		background:url("Images/bt_ok.png") no-repeat 0 -3px;
		font-weight: bold;
		text-indent:15px;
	}

	h4 	{
		color: #fdbb3c;
		color:#f8a80e;
		font-weight: bold;
		font-size:14px;
		margin: 0px;
		padding: 0px;
		background-image:url("Images/fleche_jaune.gif");
		background-repeat:no-repeat;
		text-indent:25px;
		height: 30px;
	}


	/*  ------------------------------------------
	/*  Lien du site
	/*  ------------------------------------------
	*/
	a:link {text-decoration: underline; color: #00c}
	/*a:visited {text-decoration: underline ; color: #7C3EBA}   #5B2D00  */
	a:hover {text-decoration: none; color: #993300}

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

	#container 	{background: #ffffff;
		position: absolute;
		z-index:50;
		left: 30px;
		top:0px;
		width:800px;
		/*border:1px solid red;*/
		margin-right:auto;
		margin-left:auto;
		text-align:left;
	}


	/*  -------------------------------------------------------------------
	/*  bandeau haut de page 800 par 152
	/*  -------------------------------------------------------------------
	*/

	#bandeau		{
		background-image: url("Images/bandeau.jpg");
		width: 800px;
		height: 152px;
	}

	/*  ------------------------------------------
	/*  menu haut
	/*  ------------------------------------------
	*/
	/*
	#conteneurmenuhaut 	{
		width: 800px;
		background-image: url("images/bandeau2.jpg");
		background-repeat: no-repeat ;

		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: right;
		margin: 2px 3px 4px 4px ;

	}
	#menuhaut li a {
		text-decoration: none ;
		padding: 5px 12px ;
		display: block ;
	}
	#menuhaut li a:hover {
		color: white ;
		background-color: #3366ff ;
	}
	*/


	/*  ------------------------------------------
	/*  Menu haut déroulant des rubriques entête"
	/*  ------------------------------------------
	*/

	dl, dt, dd, ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#menu {
		/*position: absolute; placement du menu, à modifier selon vos besoins */
		position: absolute;
		top: 131px;
		left: 125px;
		z-index:100;
		width: 100%; /* correction pour Opera */
	}
	#menu dl {
		float: left;
		width: 8em;
	}
	#menu dt {
		cursor: pointer;
		text-align: center;
		font-weight: bold;
		background: #fdbb3c;
		border: 1px solid gray;
		margin: 1px;
	}
	#menu dd {
		display: none;
		border: 1px solid gray;
	}
	#menu li {
		text-align: center;
		background: #fff;
	}
	#menu li a, #menu dt a {
		color: #0033aa;
		text-decoration: none;
		display: block;
		height: 100%;
		border:  none;
	}
	#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
		background: #fdbb3c;

	}

	/*  -------------------------------------------------------------------
	/*  Bloc central  (englobe le muenu gauche et les colonnes
	/*  -------------------------------------------------------------------
	*/
	#bloccentral {
		border: 1px solid red;

	}

	/*  -------------------------------------------------------------------
	/*  menu gauche  (presentation, plan, ...) , positionnement de la boite
	/*  -------------------------------------------------------------------
	*/
	#blocmenugauche{padding-top:15px;width: 150px;float:left;}
	#menugauche	{
		/*border: 1px green solid;*/
		font-size:1.2em;
		padding-top: 10px;
		width: 150px;
		background-image: url(Images/menu_hiver.jpg);
		background-repeat: no-repeat ;
		height: 260px ;
	}
	#menugauche li {
		list-style-type: none ;
	}
	#menugauche li a {
		color: #fdbb3c ;
		text-decoration: none ;
		font-weight: bold ;
		height: 30px ;
		display: block ;
	}
	#menugauche li a:hover {
		color: #be1c33 ;
		background-color: #999 ;
		background-image: url(Images/menu_hiver.jpg);
	}
	#m1 { background-position: left -340px ; }
	#m2 { background-position: left -370px ; }
	#m3 { background-position: left -400px ; }
	#m4 { background-position: left -430px ; }
	#m5 { background-position: left -460px ; }
	#m6 { background-position: left -490px ; }


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

	#boite		{
		/*-width: 620px;--*/
		margin-left:170px;
		padding-top:20px;

		/*border: 1px green solid;*/
	}
	#colonne1	{
		text-align:left;
		width: 290px;
		margin-right: 20px;
		/*-border: 1px blue solid;--*/
		float:left;
	}
	#colonne2	{
		text-align:left;
		width: 290px;
		padding-top:0px;
		/*-border: 1px pink solid;--*/
		float:left;
	}
	/*-trait pointillé entre les texte des 2 colonnes--*/
	.separateurs {
		border-top: 1px dotted #999;
		margin-top:12px;
		padding-bottom:12px;
	}
	#colonne1 ul li, #colonne2 ul li {
		margin-left: 45px;
		list-style-image:  url("Images/puce.gif");
	}

	/*-- Boite de contenu des tarifs  --*/
	.boitetarifs {
		width:289px;
		height:69px; 
		/*border:1px solid red;*/
	}


	/*  ------------------------------------------
	/*  Titre actualité
	/*  ------------------------------------------
	*/

	.titre_samedi {background-image: url("actu_le_skiclub.gif"); width: 650px; height: 80px; }
	.titre_skiclub {background-image: url("titre_sortie_samedi.gif"); width: 650px; height: 80px; }
	.titre_stage {background-image: url("titre-stages_ski_surfs.gif"); width: 650px; height: 80px; }
	.titre_mercredi {background-image: url("titre_sortie_mercredi.gif"); width: 650px; height: 80px; }
	.titre_dimanche {background-image: url("titre_sortie_samedi.gif"); width: 650px; height: 80px; }
	.titre_animùation {background-image: url("titre_sortie_samedi.gif"); width: 650px; height: 80px; }



	/*  ------------------------------------------
	/*  différents textes du site
	/*  ------------------------------------------
	*/


	.filariane 	{
		background-image:url("Images/fleche_rouge.gif"); background-repeat:no-repeat; text-indent:15px;
		font:small-caps 7pt Verdana ;
		color: #be1c33;

	}

	.clear 		{
		clear: both ;
	}

	.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: 25px;
		font-weight: bold;
		text-indent:25px;
	}

	.fleche
	{
		background-image:url("Images/fleche_jaune.gif");
		background-repeat:no-repeat;
	}
	
	.flecherouge
	{
		background-image:url("Images/fleche_rouge.gif");
		background-repeat:no-repeat;
	}

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

	.carre_bleu {
		background: url("Images/carre_bleu.gif") no-repeat 0px 4px;
		text-indent:15px;
		margin-top: 5px;
	}
	
		.carre_vert {
		background: url("Images/carre_vert.gif") no-repeat 0px 4px;
		text-indent:15px;
		margin-top: 5px;
	}
	
		.carre_violet {
		background: url("Images/carre_violet.gif") no-repeat 0px 4px;
		text-indent:15px;
		margin-top: 5px;
	}
	
		.carre_bleugris {
		background: url("Images/carre_bleugris.gif") no-repeat 0px 4px;
		text-indent:15px;
		margin-top: 5px;
	}
	
		.carre_kaki {
		background: url("Images/carre_kaki.gif") no-repeat 0px 4px;
		text-indent:15px;
		margin-top: 5px;
	}
	
		.carre_noir {
		background: url("Images/carre_noir.gif") no-repeat 0px 4px;
		text-indent:15px;
		margin-top: 5px;
	}
	
		.bt_valide {
		background: url("Images/bt_ok.png") no-repeat 0px 4px;
		text-indent:15px;
		margin-top: 5px;
	}
	
		.bt_validenon {
		background: url("Images/carre_noir.png") no-repeat 0px 4px;
		text-indent:15px;
		margin-top: 5px;
	}

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

	.noir	{color: #6600CC; }
	.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 	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-style: italic;
		font-weight: bolder;
		color: #00CC99;
	}
	.courrier14 	{
		font-family: "Courier New", Courier, mono;
		font-size: 14px;
		font-weight: bold;
		color: #0099FF;
	}
	.typemajuscule {
		color: #bf8000;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
	}
	.italique {font-style:italic;}
	.gras {font-weight: bold;}
	.centrer{text-align: center;}
	.imgcentre {display : block;
				margin-left : auto;
				margin-right : auto; }
	.jaune{ background-color: #fdbb3c;}
	.rouge {color: #FF0000;}
	.cliquer a{border: 1px #fdbb3c solid; 
			color: #be1c33; text-decoration: none;
			width: 65px;
			text-align: center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			}
	.cliquer a:hover { font-weight: bold; }
	.floatleft {float:left;}
	.float_left {float:left;margin-right:10px;}
	.espacehaut {margin-top:15px;}
	.espacehauttarif {margin-top:50px;}
	.espacebas {margin-bottom:15px;}
	.espaceleft {padding-left:15px;}
	.espaceright {margin-right:15px;}
	.tarifs {vertical-align: bottom}

	/*  ------------------------------------------
	/*  Tableau (dimanche ...)
	/*  ------------------------------------------
	*/

	table {
		margin:0 10px 0 10px;
		border-collapse: collapse;
		width: auto;
		text-align:center;
	}
	
	th	{
		font-size:14px;
		color: #3366ff;
		padding: 5px;
		text-align: center;
		background-color: #D0E3FA;
	}
	
	tr {font-size:12px;
	
		}
	
	
	td {
		padding: 5px;
		text-align: center;

}


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

	#pieddepage1 	{
		cursor: pointer;
		float: left;
		background-image: url(Images/b_ecrivez.gif);
		background-repeat: no-repeat ;
		height:35px;
		width:70px;
		margin-left:10px;
	}

	#pieddepage2 	{
		float: left;
		background-image: url(Images/piquet_basdepage.gif);
		background-repeat: no-repeat ;
		height:35px;
		width:460px;
		margin-left:80px;
	}

	#pieddepage3 	{
		height:35px;
		margin-right:15px;
		text-align: right;
	}