/* CSS Document */


//upo

body{
  
font-family:arial, helvetica;

}






html, 

body
{
margin: 0;
	
padding: 0;
	
text-align: center;

margin:1em auto;
 
background:url(images/fond.jpg) no-repeat center center fixed;
 
background-color:#dfd0d4;

/*
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.7;
*/
}




#head 
{
  
width:90%;
margin:1em auto;
text-align:center;
  
 
margin:0;
  
/* background-color:#349ed2; */  

}






#all 
{
   
margin:1em auto;
 
width:90%;

text-align:left;  
color:black;
  
repeat-y;

}




#menu
{
  
background-color:white;
text-align:center;

}



#menu ul 
{
  
padding:0;
  
margin: .5em;

}




#menu li

{

display: inline;

list-style-type: none;

padding-right: 5px;

}



#menu li.active 
{

text-decoration: underline ;


}





#menu a:link,

#menu a:visited

{

color:black;

background-color:white;

text-decoration: none;

}



#menu a:hover

{

color:black;

background-color:#dfd0d4;

text-decoration: none;

}


#milieu
{
background-color:white;
width:90%;
}





#contenu 
{

text-align:left;
padding:5px;

float:left;

width:75%;

background-color:white;
}



#cote
{

float:right;

width:20%;

// # background:url(images/banniere.jpg) no-repeat right top;

text-align:center;

}



#cote p
{

padding:0px;

margin: 2px;


}



#cote h1
{

font-size: 1em;

}



#cote p.nom
{

font-size: 1.2em;

}



#cote p.commentaire
{

margin:1em;

font-style:italic;

background-color:#b7a89a;

}



#cote p.adresse
{

font-size: .6em;

}



#cote p.track 
{

font-style:italic;

font-size: .7em;

}






#bas
{

clear: both;

float: center;
text-align:center;

background-color:#dfd0d4;

}