/* fichier moto.css, utilisé sur mesmotos.fr - > mesmotos.frobar.info

Format page blanche  menu "ouvrant" à gauche, en-tête graphique, pied de page façon nuage de tags
 */

#fond {
  background: #fff;
}
#col_gauche_cadre {
float:left;
   left: 15px; /* démarre à 25 pixels de la gauche de la boite parent */
   width: 16em; /* largeur de la boite */
  padding-top: 10px; /* marge intérieure haute */
  padding-left: 5px; /* marge intérieure haute */
text-align: center;
  margin: 5px;
  height: 100%;
  font-size : 0.8em;
}
#col_centre { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 0 1% 0 15em; /* marges gauche et droite, pour la place des 2 autres colonnes */
  height: 100%;
  padding: 10px; /* marge intérieure - indispensable */
    padding-left: 2px;
    padding-right: 2px;
}


#menu {
/*position: absolute;*/
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
height: 100%;
min-height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
/*border: 1px solid gray;*/
}
#menu li {
text-align: left;
background: #ddd;
list-style-type: none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}

/* affiche un UL en ligne */
/*
.enligne li {
display: inline;
}
*/

.enligne.a 
{
display: block;
}

#aretenir
{
  float: right;
  background: #ffe464;
  padding : 2px;
  margin : 2px;
  width : 30%;

}
.remark {font-size : 1.5em; border-left: 10px solid #ffe464;}

#aretenir.h2
{
text-align: center;
font-size: 1.1em;
background: #ffe464;
color: #000;
}

#pied {
font-size: 1.1em;
padding : 3px;
background: #1e1e1e;
clear: both;
text-align: justify;

}
.plus {
font-size: 1.3em;
}
.plusplus {
font-size: 1.5em;
}
#pied li a{
color: #FFF;
text-decoration: none;
border: 0 none;
height: 100%;
}

#pied li a:hover{
background: #1e1e1e;
color: #c8c8c8;
}
a { color: blue; }
a:visited { color: #a67224; }
a:hover { color: #007fff; }
a:active { color: #009; }
a img {border: 0;}

#entete   {
  top: 0;
  left: 0;
  width: 100%;
  height: 147px;
    padding-left: 8px;
    padding-right: 8px;
background: #009cff;
  background-image: url(images/mesmotos2.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  }
#entete p   {
  text-align:center
  font-size: 10em;
  }