/* CSS Document parisdiversity.free.fr  */
body {
background-color: #666666;
font-size: 0.8em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #000000;
padding:0;
margin:0;
}

.clearer{clear: left;}  /* annuler effet float du menu horizontal */

#container {
width: 1000px;
margin: 0 auto;
padding: 0;
background-color: #eee;
}
#banner {
margin: 0;
padding: 0;
height: 120px; /* 188px; */
background-color: white;
color: white;
background-image: url(../../img/site/paris-toiture.JPG); 
background-repeat:no-repeat;
}
#main {
margin: 0;
padding: 0;
background-color: #FFCC00;
}

#mainnavi-horizontal {
margin:0;
padding:0 10em;
background-color:#FF0000;

}
#mainnavi-horizontal ul{
margin:0;
padding:0;
font: bold 1em Georgia, "Times New Roman", Times, serif;
list-style-type: none;
}
#mainnavi-horizontal ul li{
float: left;
margin:2px 2px;
}
#mainnavi-horizontal ul li a{
display: block;
width:110px;
height:2em;
line-height:2em;
border: 1px solid gray;
padding: 0 2em;
color: white;
font-weight:bold;
text-decoration:none;
border-width: 2px 1px 1px 2px;
border-color: #cecece #4a4a4a #4a4a4a #cecece;
}
#mainnavi-horizontal ul li a:hover,#mainnavi-horizontal ul li a:focus {
font-weight:bold;
text-transform:uppercase;
border-width: 2px 1px 1px 2px;
border-color: #4a4a4a #cecece #cecece #4a4a4a;
background-color: red;
}
/* end menu horizontal   */
#content {
min-height:600px;
background-color: #CCCCCC;
margin: 0 0 0 10em;
padding: 0.5em 2em;
}
#content table {
width:100%;
border-collapse: collapse;
text-align:center;
}
#content table tr td {
}

#left {
float: left;
width: 10em;
margin: 0;
padding:15px 0 0 0;
color:#fff;
background-color: #999999;
}
#left ul{
font: bold 1em Georgia, "Times New Roman", Times, serif;
list-style-image:url(img/site/puce-16-9-blanche.gif);
}
#left ul li{
height: 20px;
list-style:square;
}
#left h3{
padding:0 15px;
}
#footer {
clear: left;
padding: 0;
margin: 0;
background-color: #000;
color:#FFFFFF;
}
.rouge{background-color: #7f3f42;}
.vert{background-color:#3f7f54;}
.bleu{background-color: #403f7f;}
.noir{background-color: #000000;}

/* CSS Document */

#gmapmarker {
font: normal small verdana, arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
width: 250px;
height: 100px;
overflow: auto;
}

/*   */
.map{
width: 100%;
}
.titre{
height: 20px;
}
.inter{ /* pour espacer les lignes */
width: 100%;
height: 40px;
background-color:#FFFFFF;
}
.grille{
height: 150px;
padding:10px 3px;
border: 1px solid gray;
}
#conteneur {
  overflow: hidden;
	width:100%;
	border: 0px solid gray;
	border-collapse:collapse;
}
#conteneur #left-1 {
  width: 15%;
  float: left;
  border: 1px solid gray;
	border-collapse:collapse;
}
#conteneur #left-2 {
  width: 15%;
  float: left;
  border: 1px solid gray;
	border-collapse:collapse;
}
#conteneur #left-3 {
  width: 15%;
  float: left;
  border: 1px solid gray;
	border-collapse:collapse;
}
#conteneur #map {
  width: 49%;
  float: left;
  border: 1px solid gray;
	border-collapse:collapse;
}