body {	
padding: 0px; 
margin: 0px;
font-family: geneva, verdana, arial, sans-serif;
}

a:link, a:active,a:visited {color: #FFCC33; text-decoration: underline;}
a:hover {color: #000066;}

#container
{
padding: 0;
margin-top: 0;
margin-left:auto;
margin-right:auto;
width:920px;
/*background-image: url("picts/bg.jpg");*/
background: #F1F1EF;
color: #666;
}

#top
{
width : 100%;
}

#top img {
width: 100%; 
height: 177px; 
border-bottom: 1px solid black; 
margin-top: 0; 
margin-bottom: 0;
}

#top h1{	
position:absolute;


top: 15px;
width:920px;
text-align:right;



font-family : Times, Georgia, "Times New Roman", Garamond, Serif; 
font-size: 14px;
font-style: italic;
color: #CCCCCC;

}

#pub {	
display: block;
background: #ccc;
padding: 5px;
border: 1px solid #ccc;
position: absolute;	
top: 80px;
right: 20px;
font-family : arial, tahoma, verdana, sans serif; 
color: #000;
font-size: 11px; 
line-height: 110%; 
font-weight: bold;
}

.adresse {
margin-top : 0; margin-left: 20px; line-height : 130%;
}


#content
{                                
margin: 40px 100px 20px 270px;
} 
#contentindex
{  
float:left;
width:420px;
margin-top:40px;
margin-left:0px;
margin-right:30px;


} 
#carte {
	background-image:url(carte.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:280px;
	
}
#barredroiteindex {
	width:250px;
	margin-top:40px;
	margin-left:20px;
	float:left;
	
	
}

a:link, a:active, a:visited {color: #999999; text-decoration: underline;}
a:hover {color: #cccccc;}

.image {margin: 0; padding:0}

h1 { 
	color: #000000; 
	font: 18px verdana, arial, sans-serif; 
	font-weight: bold; 
	margin-bottom: 20px;
	}

h2 { 
	color: #999999; 
	font: 16px geneva, verdana, arial, sans-serif; 
	font-weight: bold;
	margin-bottom: 20px;
	}

p, li, blockquote {
    font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #000000;
		line-height: 180%;
	}
p.surtitre { 
	font-weight: normal;
	color: #000000; 
	font-style: italic;
	text-align: right;
	}

.groslien 	{ font: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; text-decoration: none }
.groslien:hover 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; text-decoration: underline }



table { border: 1px solid #FFFFFF; font-family: verdana, times, arial; font-size: 70%;color: #000; }
th { padding: 3px; font-weight:bold; }
td { padding: 3px; border-top: 1px solid graylight;}
td.couleur {}

#footer
{
clear: both;
margin-top: 100px;
background-image: url("picts/bgfooter.jpg");
color: #fff;
font-size: 80%;
height: 49px;
}

#footer p { padding: 30px 0 0 30px; color: #666; }


.floatright
{
float: right;
margin: 0 0 1px 50px;
clear: right;
padding: 1px;
background: #fff;
border: 1px solid #000;
}

#navcontainer {
float: left;
width: 180px;
margin-top: 0;
margin-left: 20px;
text-align: left;
}

#navcontainer p {
margin-bottom: 0;
margin-top: 0;
line-height: 110%;
}

#navcontainer a.lateral 
{
display: block;
color: #000;
background-image: url("picts/bouton.jpg");
width: 134px;
padding: 6px 12px 6px 8px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

#navcontainer a.lateral:hover 
{
background-image: url("picts/boutonsup.jpg"); 
color: #ffffff; 
}


#menuhaut {margin: 16px 20px 30px 200px;
padding: 0;}

#navlist
{
margin: 0;
padding: 0 0 20px 0px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 0px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }

#paris{
	width:120px;
	
	position:relative;
	top:55px;
	font-size:9px;
	color:#360;
	float:left;
	text-align:left;
	font-weight:bold;
	 overflow:hidden; 

		
}
#parisbouton {
	width:125px;
	height:25px;
	position:relative;
	top:55px;
	left:25px;
	

font-size:9px;
	color:#360;

	text-align:left;
	font-weight:bold;

	
}

#nantesbouton {
	width:125px;
	height:25px;
	position:relative;
	top:75px;
	left:52px;
	

font-size:9px;
	color:#360;

	text-align:left;
	font-weight:bold;

	
}

#lyonbouton {
	width:125px;
	height:25px;
	position:relative;
	top:92px;
	left:72px;
font-size:9px;
	color:#360;
	text-align:left;
	font-weight:bold;

	
}
#bordeaubouton {
	width:125px;
	height:22px;
	position:relative;
	top:94px;
	left:62px;
font-size:9px;
	color:#360;
	text-align:left;
	font-weight:bold;

	
}

#nicebouton {
	width:125px;
	height:25px;
	position:relative;
	top:95px;
	left:125px;
font-size:9px;
	color:#360;
	text-align:left;
	font-weight:bold;

	
}

a.texteapparition {

text-decoration: none; /* définition du lien qui affichera le "calque" */

}

a.texteapparition:hover {

background: none; /* correction d'un bug IE */

}

a.texteapparition span { /* définition de la balise <span> inclue dans <a> */

display: none;

}

a.texteapparition:hover span { /* définition de la balise <span> au survol */

display: inline;

position: absolute;
color:#360;


}
.floatrightville {
	float:right;

}