body {
padding: 0;
	margin: 0;
	background: #73ADD7 url(../graphics/gradient.gif) repeat-x;
}
html, body{height:100%;} 
/* end hack */ 

#container
{
width: 980px;
background-color: #fff;
color: #333;
padding:3px;
margin:0px auto;
border:1px solid black;

}
#top
{
padding: .5em;
background-image: url(http://it.maisondhotes.net/bandeau/bandeau-annuaire-france.jpg);
height: 195px;
background-color:#d0fbd1;


}






#top h1
{text-align:center;
color:#26404F;
padding: 0;
margin: 0;
font-style:normal;
text-decoration:none;
border:0;
}

#leftnav
{
position:relative;/*ie needs this to show float */
float: left;
width: 15%;
margin: 0;
padding: 5px ;
text-align:left;
font-size:80%;

}

/******************************
TEXTE DYNAMIQUE CARTE DE FRANCE
*******************************/
#ejs_texte {

font-family: "microsoft", sans-serif;
font-size: 60%;
font-weight:bold;
text-align:center;
color:#6666CC;
width: 200px;
padding: 0px;
margin:  0px  0px 0px 30px;
}
#ejs_texteliste {

font-family: "microsoft", sans-serif;
font-size: 100%;
font-weight:bold;
text-align:center;
background: url(../graphics/cssindex/sous_titre_index.gif) bottom left repeat;font-size: 95%;
color:#16387c;
width: 225px;
padding: 0px;
margin:  0px  0px 0px 0px;
}
#ejs_textecarte {

font-family: "microsoft", sans-serif;
font-size: 100%;
font-weight:bold;
text-align:center;
background: url(../graphics/cssindex/sous_titre_index.gif) bottom left repeat;font-size: 95%;
color:#16387c;
width: 225px;
padding: 0px;
margin:  0px  0px 0px 0px;
}


#ejs_titre {

font-family: "microsoft", sans-serif;
font-size: 60%;
font-weight:bold;
text-align:right;
color:#16387c;
width:500px;
padding: 0px;
margin:  0px  0px 0px 0px;
}
#ejs_titlemi_index {

font-family: "microsoft", sans-serif;
font-size: 90%;
font-weight:bold;
text-align:center;
color:#16387c;
width:460px;
padding: 0px;
margin:  0px  0px 0px 0px;
}
/*******************************************************************
 *   
 *******************************************************************/

#content
{
padding:2px;
float:left;
text-align:left;
width:975px;
margin:  0px  0px 0px 0px;

}

#footer
{
clear: both;
margin: 0;
padding: .5em;
font-size:80%;
color:#333333;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.vertmenu {
font-family: "microsoft", sans-serif;
font-size: 100%;
width: 122px;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.vertmenu h1 {
display: block; 
background: url(../graphics/cssindex/sous_titre_index.gif) bottom left repeat;font-size: 95%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color:#425A84;
margin: 0px;
width: 122px;
text-align:center;
}

.vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.vertmenu ul li {
margin: 0px;
padding: 0px;
}
.vertmenu ul li a {
font-size: 75%;
display: block;
border-bottom: 1px dotted #DDDDDD;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #666666;
width: 122px;
}

.vertmenu ul li a:hover, .vertmenu ul li a:focus {
color:#466291;
background-color:#e1edf3;
}


#right-column{
position:relative;/*ie needs this to show float */
margin: 0;
padding: 5px;
text-align:left;
font-size:80%;
width:120px;
float:right;
}
.encadre_bleu_blanc{
border: 1px solid #7e9db9;
font:Arial, Helvetica, sans-serif;
font-size:12px;

background-color: #FFFFFF;
border-collapse: collapse;
}