@charset "ISO-8859-1";
/* CSS Document */

body {

background-color:#FFFFFF;
 }

#page {
width:800px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
background-image:url(cote.jpg);
background-repeat:repeat-y;
background-position:left;
}
#entete {
width:800px;
height:440px;
/*background-image:url(bandeau-site-BP-09n.gif);
background-repeat:no-repeat;*/
margin:0px;
}

/*CENTRE GENERAL*/
#centre {
width:600px;
height:auto;
margin-left:150px;font-family:Arial, Helvetica, sans-serif;
font-size:1em;

}

#centrepetit {
width:400px;
height:auto;
margin-left:160px;font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

#centrebptexte{
width:645px;
height:auto;
margin-left:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}



#borddroit{
	float:right;
	width:220px;
	text-align:center;
	}
	
.centrenew {
width:150px;
margin-left:auto;
margin-right:auto;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}	


/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
#menu{

width:139px;
height:auto;
float:left;
font-family:  Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
}

#menu ul {
			z-index:2;
            padding: 0;
            width: 130px;
            margin:0px;
			 
		
            } 

			
/*On positionne les elements du menu */
div#menu ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
                /*border-bottom:1px solid; */
				/*ajout d'une bordure de separation d'element:*/
               } 

			   
div#menu ul ul {
				width:260px;
                position: absolute;
				background-color:#ffffff;
                top: 0;
                left:130px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
				font-weight:normal;
				border:solid 1px #FF9900;
				border-left:0px;
				padding-left:5px;
				padding-right:5px;
               }   
div#menu li a {
				color:#FFFFFF;
             	text-decoration: none; /* plus de soulignement pour les liens */
              }
div#menu li ul a {color:#e50083;}
 /*fond jaune pr les sous-menu*/
div#menu li.sousmenu {

padding-left:5px;


 } 

/* fichier pour internet explorer */
body {
      behavior: url(csshover.htc);
     }
/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
                position: absolute;
                top: 0;
                left: 130px;
                display:none
               } 
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                 }
div#menu a {
            color:#000000
           } 
		   
/* fond different au survol de la souris entre les sous-menu et les "basiques"*/
div#menu li:hover {
                   background:#dfdd00;
				  
                  }

div#menu li.sousmenu:hover {
                            background: #f28f00;
 } 


/*MENU HORIZONTALE*/
#menuhori{
position:relative;
width:600px;
height:60px;
left:150px;
top:400px;
}                        

/*PIED DE PAGE*/
#pieddepage{
height:194px;
background-image:url(bas-page-site-BP-09.gif);
background-repeat:no-repeat;
background-position:top left;}

.spacer{clear:both;}

#coordonnee{
position:relative;
width:400px;
	height:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
	color:#e50083;
	left:350px;
	top:65px;
	
	}
#coordonnee a{
color:#666666;
text-decoration:none;}
#coordonnee a:visited{
color:#666666;
font-style:normal;
text-decoration:none;}
#coordonnee a:hover {
color:#FF9900}



/*INFO*************************************************/
#info{
	position:relative;
	width:200px;
	height:100%;
	left:10px;
	top:0px;
	background-image:url(bordinfo.gif);
	background-repeat:repeat-y;
	background-position:top;
	float:right;	
	}
	
#info2{
	width:200px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(bordinfo.gif);
	background-repeat:repeat-y;
	background-position:top;
	}
#infoentete{
background-image:url(info.gif);
background-repeat:no-repeat;
background-position:top;
height:56px;
}
#infobas{
	background-image:url(infobas.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		height:43px;}
		
.separateur {
width:150px;
margin-left:auto;
margin-right:auto;
height:55px;
border-top:1px solid #666666; 
}


/* Style info dans balise php actualites.php*/	
.cadrenew{
margin-left:auto;
margin-right:auto;
width:150px;
padding:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.cadrenew em {
font-style:normal;
padding-left:15px;
padding-right:15px;
text-align:center;
color:#f28f00;}


.titrenews{
	color:#FF00CC;
	font-weight: bold;
}
.cadrenew h4 {
text-align:center;
font-weight:bold;
color:#666666;
}


#patinoire {
border-top:1px solid #f29500;
padding:5px;}
#patinoire h4 {
text-align:center;
color:#f29500;}