p, div, body, html{
margin: 0;
padding: 0;
font-family: Verdana, Arial;
color: #000000;
}


html {font-size: 100%;} 

img{
border-width: 0;
}

#principal{
border: 1px solid #FFFFFF;
}
#principal p{
margin-bottom: 10px;
}


body {  
background-color: #FFFFFF;
font-size: 1em;
}
a {  color: #FF0000}
a:hover {  color: #000000; text-decoration: none}

#centre, #entete, #pied {
	background: url(img/horizontal.gif) repeat-y left top;
}
#entete2, #pied2{
	background: url(img/vertical.gif) repeat-x left top;
}

#navigation {
	float: left;
	width: 190px;
}
#principal {
margin-left: 190px;
padding-left: 10px;
}

#entete{
padding-left: 190px;
}
p#frise{
padding-top: 5px;
}
p#sousfrise{
position: relative;
bottom: 18px;
font-weight: bold;
text-transform: uppercase;
width: 602px;
text-align: center;
}

#navigation li{
margin: 0px;
padding: 2px;
}
#navigation ul{
padding: 0;
margin-left: 10px;
margin-bottom: 20px;
background-color: #ccc;
}

#navigation li{
list-style-type: none;
border: 1px solid #FF0000;
}
#navigation li a{
text-decoration: none;
}

#menuproduit li a, #menuproduit li{
font-variant: small-caps;
}

#menugeneral li a{
font-size: .7em;
}

#navigation li.sousmenu{
padding-left: 15px;
background-color: #ddd;
}
#navigation li.soustitre{
background-color: #ddd;
text-align: center;
}


#barlou{
position: absolute;
left: 20px;
}

h1{
font-size: 1.1em;
color: #FF0000;
text-transform: uppercase;
}

h2{
font-size: 1em;
color: #FF0000;
text-transform: uppercase;
}

#pied{
width: 782px;
}
#pied p, #pied p a{
color: white;
font-size: 12px;
}
#coord{
width: 180px;
padding-left: 22px;
}
#slogan{
width: 560px;
padding-top: 30px;
float: right;
}
#coord p{
padding-bottom: 5px;
}
.bold, .sel{
font-weight: bold;
}